Free · Encode & decode

Image ↔ Base64.

Get a data URI with CSS and HTML snippets — or paste Base64 to turn it back into an image.

graphkit.io — image ↔ base64
Drop an image to encode
or browse files · JPG, PNG, WebP, GIF, SVG, ICO · max 10 MB

Runs entirely in your browser — files are only uploaded if you choose “Save to My Graphkit”.

How it works

01
Drop an image
Or switch to Decode and paste Base64.
02
Copy a snippet
Data URI, raw Base64, CSS or HTML.
03
Paste it in
Use it in your stylesheet, email or code.

Inlining small icons and images as Base64 saves an HTTP request — great for emails, CSS backgrounds and single-file prototypes. Keep it for small assets: Base64 is about 33% larger than the original file.

Related tools

AI VectorizerFREE PREVIEWConvert JPG/PNG to SVG, EPS, PDF and AI vectors.Image ConverterFREEConvert between JPG, PNG and WebP — many files at once.PNG to WebPFREEConvert PNG images to lightweight WebP.SVG to PNGFREEPreview SVG code or files and export crisp PNGs at any scale.Image CompressorFREEShrink JPG, PNG and WebP file size with a quality slider.Image ResizerFREEResize to exact pixels or social-media presets.

Browse all tools →