🖼️

Gratuït 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.

Sense límit de mida de fitxerEls fitxers es mantenen privatsNo cal iniciar sessióGratuït per sempre

Deixa els fitxers aquí o fes clic per navegar

PNG, JPG, WebP, GIF, SVG, AVIF, X, Image sense límit de mida de fitxer

Navegar pels fitxers

Els teus fitxers no surten mai del teu dispositiu. Tot el processament es fa localment al teu navegador.

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

Com funciona

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.