Skip to content

Image to Base64 Converter (and Base64 to Image)

Convert an image to a Base64 data URI, an img tag or a CSS background, or decode a Base64 string back to an image and download it. Works offline in your browser.

Drop an image here, paste from the clipboard, or

JPG, PNG, WebP, GIF, BMP or SVG. Files never leave your browser.

This is not a valid Base64 image.

How to convert an image to Base64

  1. Drop or choose an image.
  2. Pick the output: a data URI, the raw Base64 string, a ready <img> tag with width and height, or a CSS background rule.
  3. Copy the result into your HTML, CSS, JSON or email template.

To go the other way, open the Base64 to image tab and paste a string. The tool detects PNG, JPG, GIF, WebP, SVG and BMP from the data itself, shows a preview and lets you download the file.

When to inline images as Base64

  • Good for: very small icons, placeholders and images in HTML emails or single-file demos, where one fewer request matters.
  • Not good for: photos and large images. Base64 is about 33% larger than the file, cannot be cached separately and delays the HTML or CSS that contains it.
  • For SVG icons, a URL-encoded SVG data URI is often smaller than Base64.

Shrink an image before inlining it with the image compressor.

All processing happens in your browser. Your images are never uploaded to a server, so the tool works with private photos and keeps working offline once the page has loaded.

More image tools

Image Compressor: Reduce JPG, PNG & WebP File Size
Compress JPG, PNG and WebP images in your browser: set quality, convert to WebP, limit the width and download one by one or as a ZIP. No upload, no sign-up.
Image Resizer: Resize Images to Exact Pixels Online
Resize images to exact pixel dimensions or by percentage, keep the aspect ratio, crop to square or social card sizes, and export as JPG, PNG or WebP in your browser.
Image Converter: PNG, JPG, WebP & AVIF Online
Convert images between PNG, JPG, WebP and AVIF in your browser. Batch convert several files, choose quality and a background for transparent areas, and download as ZIP.
Crop, Rotate & Flip Image Online
Crop images with a free or fixed aspect ratio (1:1, 4:3, 16:9, 9:16 and more), rotate 90° and flip horizontally or vertically, then download as PNG, JPG or WebP.
Color Palette from Image: Extract Colors from a Photo
Extract the dominant colors from any image as a palette with HEX and RGB codes and their share of the picture, pick exact pixel colors, and export CSS variables, Tailwind or JSON.
Favicon Generator: ICO, PNG & Apple Touch Icon
Create a complete favicon package from an image, text or emoji: favicon.ico, 16–512 px PNGs, Apple touch icon, web manifest and the HTML to paste into your head tag.
Image Filters & Adjustments: Brightness, Contrast, Blur
Adjust brightness, contrast, saturation, hue, blur, grayscale, sepia and invert, try presets like vintage or black and white, download the edited image and copy the CSS filter.
Add Watermark to Image: Text or Logo Online
Add a text or logo watermark to photos: set size, opacity, rotation and one of nine positions, or tile it across the whole image, then download at full resolution.
EXIF Viewer & Remover: Remove GPS Location from Photos
View the EXIF data in a photo (camera, lens, settings, date and GPS location) and remove all metadata before sharing. JPEG cleaning is lossless and runs in your browser.