Image & Media

Image & Media — 5 free browser-based developer tools including Base64 Image Converter, Placeholder Image Generator and OG Image Generator. Everything runs locally with no signup or uploads, so your data stays private and results are instant.

5 tools

Base64 Image ConverterEncode PNG, JPG, GIF and SVG images into Base64 data URI strings, or decode Base64 back into a viewable image. Preview, copy and download the result without uploading anything, free in your browser.

Placeholder Image GeneratorPlaceholder image generator: set width, height, background and text colors and get a custom dummy image with a real-time preview. Download instantly for mockups and layout prototyping, free in your browser.

OG Image GeneratorOG image generator for social-share thumbnails: design 1200x630 Open Graph images and export them as PNG. Ideal for link previews on X, Facebook and messengers, free in your browser.

ICO ConverterICO converter that turns a PNG or JPG image into a multi-resolution favicon bundling 16x16, 32x32 and 48x48 sizes. Everything is processed locally, so your image is never uploaded.

SVG OptimizerFree online SVG optimizer that removes unnecessary metadata, comments, and whitespace to shrink file size. Paste your SVG markup, clean it up in the browser, and download the result.

How to Use

1
Drop the image into the tool— The file is read in the browser with the FileReader API, so the picture is processed inside the tab and no upload leaves your machine.
2
Convert it or shrink it— Turn a PNG or JPG into a multi-size .ico favicon, encode an image as a Base64 data URI, or run an SVG through the optimizer to strip editor metadata and shorten paths.
3
Download the file or paste it inline— Save the result, or copy the data URI straight into your CSS or HTML; the OG image and placeholder generators produce the artwork a page is still missing.

Frequently Asked Questions

No. The file is read with FileReader and processed on a canvas inside your browser, so nothing is sent anywhere. That is true of the ICO converter, the Base64 image converter and the SVG optimizer alike.

1200x630 pixels, a 1.91:1 ratio, because that is what Facebook, X and most messengers crop to. The OG Image Generator starts from exactly that canvas, and keeping the file near or under 1MB avoids preview timeouts on slower crawlers.

For small assets — icons and tiny logos of a few kilobytes — where saving one HTTP request outweighs the roughly 33% size increase Base64 brings. Larger images should stay as files so the browser can cache them independently and load them lazily.