Is my image uploaded?

No. The image is read locally with the browser's FileReader; nothing is sent to a server.

Should I inline large images?

Base64 inflates size by ~33% and isn't cached separately, so it's best for small icons and not large photos.

Any image your browser can read — PNG, JPEG, GIF, WebP, SVG, and more.

Yes — paste the data URL into background-image: url(…).

Image to Base64

Image

Turn an image into a Base64 data URL for inline use in HTML, CSS, or JSON — no separate file needed. Drag in an image and copy the result. The image is read locally in your browser and never uploaded.

—

Drag & drop an image here

or click to browse

How to use

Drag an image onto the drop zone, or click to browse.
A preview and the data URL appear.
Copy the data URL with the Copy button.
Paste it into an img src, CSS background, or JSON field.

Frequently asked questions

Is my image uploaded?: No. The image is read locally with the browser's FileReader; nothing is sent to a server.
Should I inline large images?: Base64 inflates size by ~33% and isn't cached separately, so it's best for small icons and not large photos.
Which formats work?: Any image your browser can read — PNG, JPEG, GIF, WebP, SVG, and more.
Can I use it in CSS?: Yes — paste the data URL into background-image: url(…).

Related tools

SVG → PNG Converter

Rasterize SVG to a PNG at any size, with transparent or solid background, all in the browser.

Image00

Image Crop (Aspect Ratio)

Crop any image to a standard aspect ratio (1:1, 16:9, 4:3, etc.) — centered automatically.

Image00

Image Rotate & Flip

Rotate an image 90° at a time or flip it horizontally / vertically, then download the result.

Image00

Image Resize

Resize an image to any dimensions and export as PNG, JPEG, or WebP — all in your browser.

Image00

QR Code Generator

Create custom QR codes from any text or URL and download them.

Image00

Image Compressor

Compress and resize JPEG, PNG, and WebP images in your browser.

Image00