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

Frequently asked questions

How do I convert an image to a Base64 data URI?

Drop an image file and the Base64 data URI is generated immediately, ready to copy. You can also get the raw Base64 string alone, a CSS background-image declaration, or a full HTML img tag.

What image formats does this Base64 encoder support?

It supports PNG, JPG, SVG, and WebP images, encoding each into a correctly tagged data URI that browsers recognize for that file type.

Is there a file size limit for converting an image to Base64?

Base64 encoding increases the data size by roughly a third, so very large images produce long strings. The tool works for typical web assets like icons, logos, and small photos without issue.

Why would I embed an image as Base64 instead of linking to a file?

Embedding as Base64 lets you inline an image directly inside HTML, CSS, or JSON without a separate file request, which is useful for small icons, email templates, or self-contained API responses.

New