Free Online Image Tools for Developers
Compress images, convert to WebP, optimise SVGs, generate favicons, create QR codes, and convert images to Base64 — all in your browser, no uploads required.
Color Converter
Convert between HEX, RGB, and HSL color formats with a live visual preview and color picker. Get CSS variable output. Free, browser-based.
QR Code Generator
Create custom QR codes from any URL or text. Choose custom colors, sizes, and download as PNG. Editable, personalised QR codes — free, browser-based, no data sent to any server.
Image to Base64 Converter
Convert images to Base64 data URIs for CSS, HTML, or APIs. Supports PNG, JPG, GIF, SVG, WebP. Free, browser-based, no uploads.
Favicon Generator
Generate all favicon sizes from one image. 16x16, 32x32, 48x48, 180x180 apple-touch-icon, 192x192, 512x512. Download PNGs and get HTML code. Free, browser-based.
Image Compressor & Converter
Compress and convert images to WebP, JPG, or PNG entirely in your browser. Adjust quality, resize to max dimensions, see before/after size comparison. No upload, no server, no data sent anywhere.
SVG Optimizer
Optimise SVG files in your browser. Removes editor metadata, comments, empty groups, default attributes, XML declarations, and DOCTYPE. Minifies whitespace, rounds decimals, and shortens IDs. Side-by-side preview with size savings. No upload, no server.
Why image optimisation matters
Images are consistently the largest contributor to page weight on the web. Unoptimised images slow down every page load, hurt Core Web Vitals scores, and cost users bandwidth. For developers, the friction of using separate tools — uploading to a service, waiting for processing, downloading the result — means optimisation often gets skipped. Every tool on this page runs entirely in your browser using the HTML5 Canvas API and JavaScript. Your images never leave your device.
Compression and format conversion
The Image Compressor and Converter handles JPG, PNG, WebP, GIF, BMP, and SVG files up to 20 MB. Convert to WebP for the best compression (typically 25 to 35 percent smaller than JPG at equivalent quality), to JPG for universal compatibility, or to PNG for lossless output with transparency. A quality slider from 10 to 100 percent controls the compression trade-off, with Low, Medium, and High presets. The resize toggle lets you set a maximum width and height — the tool scales proportionally and never upscales. A split before/after preview shows the original and output side by side with exact sizes and percentage savings.
SVG optimisation
SVG files exported from Illustrator, Sketch, or Figma contain significant editor-specific overhead that browsers do not need: XML declarations, DOCTYPE definitions, editor namespace attributes, metadata blocks, empty groups, and attributes set to their default values. The SVG Optimizer removes this overhead with 15 individually toggleable options. Paste or upload an SVG and get a side-by-side preview confirming the optimised output renders identically, along with a diff showing exactly what was removed and how many bytes were saved. For typical Illustrator exports, savings of 40 to 70 percent are common.
Favicon generation
The Favicon Generator takes a single source image and
produces every size required for modern browsers: 16x16 and 32x32 for browser tabs, 48x48 for desktop shortcuts, 180x180 for
Apple touch icons, and the 192x192 and 512x512 sizes needed for Android PWA manifests. It also generates the HTML
<link> tags to paste into your document head. One upload, every size, ready to deploy.
Base64 embedding
For small images that appear on every page — icons, logos, small decorative elements — embedding as a Base64 data URI eliminates
an HTTP request. The Image to Base64 converter
produces the raw Base64 string, a complete data URI, a CSS background-image rule, or an HTML <img>
tag — four output formats with one click. It shows the original and encoded sizes so you can judge whether the size increase
(about 33 percent, inherent to Base64 encoding) is worth eliminating the request for a particular image.
QR codes and colour
The QR Code Generator creates QR codes from any text or URL with configurable size and foreground/background colours, downloadable as PNG. The Color Converter converts between HEX, RGB, HSL, and other formats — useful when you need a colour from a design in a different format than your CSS expects.