Base64 Encode

Convert asset to text-string for direct embedding

Drag and drop your file here

or click to browse filesMax 50MB

Tips:

  • Embed the data URI directly in CSS: background-image: url('data:image/png;base64,...')
  • Use it in an <img src="..."> tag or CSS background-image — no separate file needed
  • Base64 encoding adds ~33% to the file size; best used for small icons under 10 KB
  • Inline Base64 icons avoid an extra HTTP request, which can improve page load performance

Related Tools

Compress Image
Reduce PNG, JPEG & WebP file size
SVG Optimizer
Minify and clean SVG files
SVG to PNG
Export SVG vectors as PNG images
PNG to SVG
Vectorize PNG images to SVG format