Convert your images to Base64 strings for embedding directly in HTML, CSS, or JavaScript. Perfect for reducing HTTP requests or when you need to include images in your code.
Supports JPG, PNG, GIF, WEBP, and SVG formats. Max file size: 5MB.
Supports JPG, PNG, GIF, WEBP, SVG
<img src="data:image/png;base64,..."> format to embed images directly in your HTML background-image: url('data:image/png;base64,...') for CSS backgrounds Base64 encoding turns binary image data into a text string that can be embedded directly in your HTML, CSS, or JavaScript. This technique is especially useful when you want to:
Embed small icons or UI elements directly in your stylesheet, eliminating extra server round trips.
Package images in a single HTML/CSS file – perfect for demos, email templates, or offline apps.
Store images inside your code so they work without network access (e.g., Progressive Web Apps).
Embed images in HTML emails where external images are often blocked by default.
Drag & drop or click to select any JPG, PNG, GIF, WEBP, or SVG (max 5MB).
Enable compression to reduce file size. Lower quality = smaller string.
Copy the Base64 string, HTML img tag, or CSS url. Use them directly in your project.