Image tool
Image to Base64
Upload an image to get a ready-to-use Base64 data URI, for embedding directly in CSS or HTML.
Drop an image here, or click to choose
When to use a data URI instead of a file
Embedding a small image directly in your CSS or HTML avoids an extra network request, which helps for tiny icons or a single background pattern. For anything larger than a few kilobytes, a regular image file with browser caching usually performs better.