🖼️

Ókeypis 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.

Engin skráastærðarmörkSkrár eru persónulegarEngin innskráning krafistFrjáls að eilífu

Slepptu skrám hér eða smelltu til að fletta

PNG, JPG, WebP, GIF, SVG, AVIF, X, Image engin skráastærðarmörk

Skoðaðu skrár

Skrárnar þínar fara aldrei úr tækinu þínu. Öll vinnsla fer fram á staðnum í vafranum þínum.

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

Hvernig það virkar

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.