//
Bidirectional Image ↔ Base64 Data URI generator, HTML/CSS code snippet studio, and payload overhead analyzer.
Supports PNG, JPEG, WebP, SVG, GIF, AVIF, and ICO. Batch encoding supported.
<img> tags, CSS background-image properties, or raw Data URIs, or decode Base64 strings back into high-fidelity image files with zero server latency.A Data URI embeds inlined media directly within markup following RFC 2397 specifications:
$$\text{data:}[\text{mediatype}][\text{;base64}],\text{data}$$
data:: Scheme identifier.image/png or image/jpeg / image/svg+xml: MIME media type identifier.;base64: Declares that the payload is encoded in RFC 4648 Base64.iVBORw0KGgo...: The base64-encoded binary image payload.Uint8Array), and reconstructs Blob objects for instant browser download.<img> tag, CSS background: url(...), or Raw Base64 string.<img src="...">, CSS background-image: url(...), and JavaScript Image object.Scenario: Embedding a small 2 KB UI icon directly into a CSS stylesheet.
File: checkmark.png (Size: 1.8 KB)
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA...');Generates ready-to-paste CSS background rule eliminating an HTTP request.
Scenario: Reconstructing an image from an API JSON response containing a Data URI.
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==
Preview: 1x1 Pixel PNG Image (Downloadable as output.png)
Converts Base64 string into a clean, downloadable image file.
Compress JPEG, PNG, WebP, AVIF, and GIF images locally in browser memory. Reduce file sizes by up to 85% with zero quality loss or server uploads.
Resize image width and height dimensions by exact pixels, percentages, or social media presets with aspect ratio locking and bicubic resampling.
Convert images between WebP, PNG, JPEG, AVIF, GIF, BMP, and ICO formats in batch with alpha channel protection and quality control.
Crop images with custom aspect ratio bounding boxes (1:1, 16:9, 4:3, 9:16), circular avatar masks, and rotation controls in real time.
Pick exact pixel colors from any uploaded image with a precision magnifier loupe, HEX/RGB/HSL conversions, and WCAG contrast analyzer.
Extract dominant color palettes, harmonious swatches, and UI themes from photos and graphics using Median Cut and K-Means color quantization.
Add customizable text and logo watermarks to photos in batch with opacity controls, tile patterns, font styling, and drag-and-drop positioning.
Generate complete website favicon packages including multi-resolution ICO files, Apple Touch icons, Android Chrome icons, and HTML header tags.
Convert images (PNG, JPG, SVG, WebP, GIF) into Base64 Data URIs for inline HTML/CSS, or decode Base64 strings back to downloadable image files.
Inspect image width, height, aspect ratio, megapixels, DPI, color space, and camera EXIF metadata with privacy privacy warnings in real time.