Image → Base64

ImagesNew

Drop an image and instantly get a Base64 data URI, raw Base64, CSS background, or HTML img tag. Copy the output and embed it anywhere.

Drop an image here, or click to browse

PNG, JPG, GIF, SVG, WebP, AVIF, ICO

Works great for

🖼️

Inlining images as data URIs

Convert small PNG and SVG icons directly into Base64 data URIs for embedding in HTML and CSS. Eliminating separate image requests reduces HTTP round-trips in performance-critical pages.

📧

Email templates with embedded images

Embed images inline in HTML email templates so they display without relying on external servers being reachable. Base64-encoded images in email eliminate broken-image issues caused by blocked remote URLs.

📄

Self-contained HTML files with assets

Create fully portable HTML files where all image assets are embedded as Base64 strings. Single-file HTML documents work offline and can be shared or archived without managing separate asset folders.

🎨

CSS content property icons

Generate Base64-encoded strings for use in CSS content or background-image properties. Inline SVG and icon images via data URIs so they load with the stylesheet and avoid extra network requests.

🔌

API payloads that require image data

Encode images to Base64 for REST API endpoints that accept image data as JSON strings. Many AI vision APIs, webhook integrations, and configuration services require images in Base64 format.

⚙️

Embedding images in JSON configs

Store logo or icon images directly inside JSON configuration files or environment variables as Base64 strings. Useful for theming systems and white-label setups where images must be part of config.

image to base64base64 imageimage base64 encoderdata uri imageembed image htmlinline image cssbase64 pngbase64 jpgbase64 svgimage data uri

New