Upload any image (PNG, JPEG, GIF, WebP) and convert it to a Base64 data URI for embedding in HTML or CSS.
- Embed small icons as inline data URIs to save HTTP requests
- Encode images for use in CSS backgrounds without file hosting
- Include images in standalone HTML email templates
Paste a Base64 image string and preview the decoded image — download it as its original format.
- Preview Base64 images received from APIs
- Debug data URI rendering issues
- Extract and save embedded images from HTML source code
Clean and optimize SVG markup by removing editor metadata, comments, and redundant attributes to reduce file size.
- Reduce SVG icon file sizes exported from Figma or Illustrator
- Clean up SVGs before inlining them in HTML
- Optimize SVG logos for faster web page loading
Resize images to exact pixel dimensions or by percentage — fully client-side, no upload to any server.
- Resize product images to thumbnail dimensions
- Scale screenshots to fit documentation requirements
- Reduce image file size by downscaling resolution
Click anywhere on an uploaded image to extract its exact HEX, RGB, and HSL color values.
- Extract brand colors from a logo or screenshot
- Match UI colors to design reference images
- Sample colors from photographs for design inspiration