Image to Base64

HTML and CSS sometimes need a picture inline, as a data URI, instead of a separate file. Image to Base64 reads the image on your machine and gives you that string.

Data URI or raw Base64

The reader produces a data URI: the media type, a comma, then the Base64. Leave “Data URI” on when you are pasting into an img src or a CSS url(). Switch to “Raw Base64” when an API wants only the payload after the comma. The character count under the output is the string you are about to copy. A photo that looks small on screen can still be hundreds of kilobytes of text. Inline images of that size slow a page down. Prefer a normal file URL for anything larger than a logo or icon.

What you can drop in

The drop zone accepts an image, and the hint lists JPG, PNG, GIF, and WEBP. The file never goes to the server. Base64 to Image is the reverse: paste a string or a data URI and download a picture. JPG to PDF, PDF to JPG, and Images to PDF are for documents, not for embedding a string in markup. This encoder does not resize, strip metadata, or change format before encoding. The bytes in the file are the bytes in the string.

When not to inline

Email clients and some CMS fields reject long data URIs or strip them. A GIF animation encoded this way is still a GIF in the string, but many places that want Base64 really wanted a static PNG. If the next system asked for a file, a string is the wrong shape of answer and you should skip this page. Icons and tiny logos are the cases where inlining pays off. A photo belongs in a normal image URL.