Image to Base64 Converter

Convert images to Base64, Data URI, CSS, HTML, or JSON output in your browser, with optional compression for smaller results.

Core Features

• Drag & drop, Ctrl+V paste, or click to upload images
• Output formats: Data URI, CSS background-image, HTML img tag, JSON
• Optional compression with quality, max width, and max height controls
• File info display: name, size, type, and dimensions
• One-click copy for the current format
• Fully browser-local processing for privacy

How To Use

1. Drag an image into the dashed zone, click to browse, or use Ctrl+V to paste from clipboard.
2. Once loaded, file info (name, size, type, dimensions) appears on the right.
3. Enable compression if needed and adjust quality, max width, and max height.
4. Switch between Data URI / CSS / HTML / JSON tabs to see different output formats.
5. Click the Copy button to save the encoded content to your clipboard.

Typical Scenarios

• Embedding icons or avatars in email signatures
• Using Data URIs in web pages to reduce HTTP requests
• Inline CSS background-image references
• Transmitting image data as Base64 in API payloads
• Rapid prototyping and debugging with inline images

Notes

• Supports PNG, JPEG, GIF, WebP, SVG, BMP, ICO, and other common formats.
• Recommended file size under 20MB; very large files may impact browser performance.
• Compression is lossy — disable it for color-accurate design assets.
• All processing runs locally in your browser; files are never uploaded.

Last verified: 2026-05-10 Source: nutshot2000/img64