Image to Base64

All common formats: JPG, PNG, WebP, GIF, SVG, BMP, and ICO. Any image your browser can display will work.

A Data URI includes the MIME type prefix (data:image/png;base64,...) and can be used directly in CSS background-image or HTML img src. Raw Base64 is just the encoded data without the prefix.

Base64 encoding increases file size by approximately 33% because it represents binary data using only printable ASCII characters. This is a trade-off for being able to embed the image as text.

Yes. Your image is converted entirely in your browser using the FileReader API. Nothing is uploaded to any server.

Images up to 10 MB are supported. For best performance with Base64 embedding, we recommend keeping images under 100 KB.

Yes. Copy the Data URI output and use it in your CSS: background-image: url(data:image/png;base64,...). This eliminates an extra HTTP request.

Base64 is ideal for small images like icons, logos, and decorative elements (under 10 KB). For larger images, regular file URLs with caching are more efficient.

Yes. Upload an image from your camera roll and get the Base64 output instantly.