Member-only story

Frontend Tips 1 — Online tools to compress images and SVGs

Quique Fdez. Guerra
2 min readJun 18, 2020

In this tip I want to share some online tools that I used to compress images and SVGs on my projects, I also have shared some of these tools with my coworkers from design team.

Tiny PNG

Tiny PNG is a good PNG and JPG compressor, easy, with drag and drop and allow multiple files.

Fantastic tool when you don’t want to think about the compression, just put your images and download the result.

Example of TinyPNG compression

You can upload 20 images and each image has to be lower than 5MB, also have plugin for WordPress and an API.

You can try the website here https://tinypng.com/

SVGO From Jake Archibald

There are a hundred of tools bases in the SVGO Project but for me this website has the best compression is really simple and useful to compress SVGs in seconds.
The problem is that does not allow compressing multiple SVGs at the same time and is not going to happen in the future.

--

--

Quique Fdez. Guerra
Quique Fdez. Guerra

Written by Quique Fdez. Guerra

Director of Engineering at @PlainConcepts Romania Frontend Developer Lazy @Github contributor Happy @Helpdev_ founder Web @GoogleDevExpert

No responses yet