🖼️

Rhad ac am ddim Image to Base64

Convert an image to a Base64 data URI for inline use in CSS, HTML, or Markdown. Copy ready-made snippets. Encoded in your browser; never uploaded.

Dim cyfyngiad maint ffeilMae ffeiliau'n aros yn breifatNid oes angen mewngofnodiAm ddim am byth

Gollwng ffeiliau yma, neu cliciwch i bori

PNG, JPG, WebP, GIF, SVG, AVIF, X, Image dim cyfyngiad maint ffeil

Pori ffeiliau

Nid yw eich ffeiliau byth yn gadael eich dyfais. Mae'r holl brosesu yn digwydd yn lleol yn eich porwr.

Convert an image to a Base64 data URI you can paste directly into CSS, HTML, or Markdown — no separate file needed. Encoded in your browser; never uploaded.

Optimize for your platform

Inline an Image in CSS Embed an Image in HTML Convert an SVG or Icon to Base64 Embed an Image in Markdown Get an Image Data URI

Sut Mae'n Gweithio

A data URI embeds an image directly into your code as text, so it loads without a separate file request — handy for small icons and self-contained HTML. This encodes it in your browser.

1
You drop in an image
It's read locally with the FileReader API — never uploaded.
2
It's Base64-encoded
The image bytes become a data: URI (data:image/...;base64,…) right in your browser.
3
You pick a snippet
Copy the raw data URI, or ready-made CSS (background-image), HTML (<img>), or Markdown.
4
Paste it into your code
The image now travels inline with your CSS/HTML — no extra file to host.