Image to Base64
Convert an image to a Base64 Data URI and copy ready-made img and CSS snippets
도구를 불러오는 중…
🔒 Everything runs 100% in your browser. Your files and input are never uploaded to any server.
A tool that converts an image into a Base64 Data URI string so you can drop it straight into your HTML or CSS. It's useful for developers who want to embed small images like icons and logos in code to cut down HTTP requests, and it provides ready-made img tag and CSS snippets too.
How to use
- Drag and drop or click to select an image.
- Review the generated Base64 Data URI.
- Copy the Data URI, img tag, or CSS snippet as needed.
FAQ
- I heard Base64 increases the file size?
- That's right. Base64 encoding makes the data about 33% larger than the original, so it's best for embedding very small icons and logos rather than large images.
- Which formats are supported?
- It supports any image format the browser recognizes, including PNG, JPG, WebP, GIF, and SVG, and builds the Data URI with the original's MIME type intact.
- Is my image sent to a server?
- No. Conversion is handled only by the browser's FileReader, and your image is never uploaded to or stored on a server.