When to use it
Embedding a tiny image as a data URL saves an HTTP request, which is handy for small icons in CSS, HTML emails or JSON payloads.
Keep it small
Base64 makes data about 33% larger and can't be cached separately, so use it only for small images.
Frequently asked questions
Is my file uploaded anywhere?
No. Everything happens inside your browser on your own device, so your files never leave your computer and there is no file-size limit imposed by a server. Very large files are limited only by your device's memory.
How do I use the result?
Paste the data URL into an <img src>, or use the CSS tab's output as a background-image value.
Related tools
Compress Image
Shrink JPG, PNG and WebP images while keeping them looking good.
Convert Image Format
Convert between JPG, PNG, WebP and AVIF in your browser.
Resize & Crop Image
Change an image's dimensions or crop it to an exact size.
Favicon Generator
Create favicon.ico and PNG icons for browsers, iOS and Android from one image.
Color Palette Extractor
Pull the dominant colours from any image as HEX codes.
Meme Generator
Add classic top and bottom captions to any image.