Image Tools

Most online image tools make you upload the file first. That is a bad trade for a screenshot of a dashboard, a customer's logo or anything else you would not hand to an unknown server. It is also slow for the large files where the saving matters most.

These tools do the work in your browser. The converter draws your image onto a canvas and re-encodes it as PNG, JPEG or WebP at the quality and dimensions you pick, and shows the size before and after. The SVG optimizer runs SVGO, the same tool many build pipelines use, and strips the editor metadata that can make an exported icon several times larger than it needs to be. The favicon generator takes one square image and produces every size browsers and phones request, plus the HTML tags and the web app manifest.

Because nothing is uploaded, these tools keep working after the page has loaded, even with no connection.

Which tool for which job

  • Make a photo small enough for an upload limit

    Image Converter & Compressor. Lower the quality or the dimensions and compare the file size before and after.

  • Shrink an SVG exported from Figma or Illustrator

    SVG Optimizer. SVGO strips editor metadata, hidden elements and excess decimal places, and the drawing looks the same afterwards.

  • Create the full favicon set for a new site

    Favicon Generator. One square image becomes the .ico, the 180×180 apple-touch-icon, the 192 and 512 PNGs for the web manifest, and the HTML tags.

Other tool categories

Specifications and references

This tool follows the specifications below. Read them when you need the exact normative wording, for example to settle an edge case between two implementations.

Frequently Asked Questions

PNG, JPEG or WebP: which format should I use?

JPEG suits photos, where its lossy compression is hard to see. PNG suits screenshots, diagrams and logos with sharp edges or transparency. WebP handles both kinds of image, usually in a smaller file, and every current browser supports it. Keep a JPEG or PNG copy when the file also goes into an email or older software.

When should I use SVG instead of PNG?

Use SVG for logos, icons and diagrams built from shapes. It stays sharp at any size and is often smaller than the PNG equivalent. Photos and detailed screenshots belong in PNG, JPEG or WebP, because describing every pixel as a shape makes the SVG huge.

Do I still need a favicon.ico?

Yes. Browsers request /favicon.ico from the site root by default, and some tools and older browsers only look there. Modern browsers also accept an SVG or PNG icon declared with a link tag, and iOS uses the apple-touch-icon for home screen shortcuts.

Copied to clipboard!