🖼️

Percuma 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.

Tiada had saiz failFail kekal peribadiTiada log masuk diperlukanPercuma selama-lamanya

Lepaskan fail di sini atau klik untuk layar

PNG, JPG, WebP, GIF, SVG, AVIF, X, Image tiada had saiz fail

Layar fail

Fail anda tidak pernah meninggalkan peranti. Semua pemprosesan berlaku secara tempatan dalam pelayar anda.

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

Cara ia berfungsi

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.