For best results use high quality source material that hasn't been compressed before.
Drag your image file onto this website. You can do this anytime.
Paste an image URL from your clipboard into this website. You can do this also on the image processing page.
Paste a Base64 Data URI from your clipboard into this website. You can do this also on the image processing page.
Paste an image from your clipboard into this website. You can do this also on the image processing page.
Use the script to send an image from Photoshop to compress-or-die.
Copy it to the Photoshop Scripts folder. Overwrite what’s there if you’re asked.
Windows: C:\Program Files\Adobe\Photoshop CS...\Presets\Scripts
Mac OS X: Applications/Photoshop CS.../Presets/Scripts
Restart Photoshop.
Allowed file formats: JPEG, PNG, GIF, WebP, SVG (max. 8 MiB)
The small file size, crisp rendering at all zoom levels, and full browser support make the XML-based vector image format SVG the perfect format for logos, illustrations, and icons on websites.
Unfortunately, graphics programs (e.g. Adobe Illustrator, Adobe XD, Inkscape, Affinity Designer, Sketch, Figma, etc.) add a lot of meta-data and attributes to the SVG file, but these are not needed for display.
This compressor uses svgo to remove the data that is unnecessary for display. Furthermore, another extreme compression stage has been added, which again brings between about 10 and 20 percent savings in compression, making the result even considerably smaller than vecta.io's nano-compressor.
Browser support for SVGThere are a lot of articles about online image compression tools in the net, most of them are very superficial. Usually they end with a simple: "It generates smaller pictures, so it's got to be better."
Learn why such statements are most of the time meaningless, understand the technical background, and find out which tool you should use as of today.
18 min read