Google rolls out Squoosh, an image compression web app for online or offline use

toggle-button

Squoosh interface

Google's new web app compresses image files, saving space on your device and making websites load faster.

There are many websites that compress images, but Squoosh has some attractive features that make it worth a look. Squoosh was created to load images faster on websites. It's primarily aimed at web developers, but the interface is simple enough for anyone to use with features that most users will appreciate.

Squoosh stands out from other websites in ways; even though it's a web app it runs entirely in your browser. Once you've loaded Squoosh for the first time, you don't need an internet connection to compress or resize images, it does everything within the browser itself, performing compressions and conversions with good quality results.

Squoosh also shows changes to the image in real time using a 1:1 split screen that shows the original image, how it will look with changes, and how large the image file is expected to be.
It works in all major browsers, even mobile browsers. Now you can send smaller images from your device and reduce the amount of image storage used on your own device.

The interface is simple and use is pretty straightforward. Load an image and you'll be taken to the next screen where you can compress, convert and resize images. When you're done, tap or click the download icon to save the image locally.

Options include smoothing, resizing, dithering and color palette reduction, and zooming in and out.
Advanced options include Channels (Grayscale, RGB, YCbCr), progressive rendering, separate chroma quality, and more.
Squoosh supports a range of web formats such as JPG, MozJPEG, WebP, PNG. BMP, JPEG, Google's Webp, and Mozilla's Mozjpeg.

After you've loaded Squoosh for the first time you'll see a small pop up windows at the bottom of the screen that says Squoosh is ready to work offline. If you want to test it out, there are default images to choose from on the home screen. Squoosh is a good tool if you're working with one image at a time. If you need bulk conversions a different tool would be a better choice.

Squoosh isn't the only image optimization tool around. It was created to showcase new technologies and to promote Google's own lossy and lossless WebP image format. WebP is currently supported in Google's Chrome browser.
The Windows 10 October 2018 Update is slated to bring WebP support to Edge, and Mozilla plans on adding WebP support to Firefox 65, planned for release early next year.

If you find yourself with a WebP image file and need the image in a different format, you can convert it using
XnConvert (Windows, Mac and Linux) or an online convertor. Cloudconvert can convert almost anything to anything and is easy to use, or check out Convertio. Both are free with paid plans for bulk conversions.

Squoosh is an open source project. The code is available on GitHub if you're so inclined.

Squoosh


You can find more Tech Treats here.

 

Please rate this article: 

Your rating: None
4.5
Average: 4.5 (18 votes)

Comments

IrfanView is free and can convert and/or compress/resize all the mentioned formats (plus many others, including PSD, PDD, etc.) singly or in batch; and is constantly updated since.... at least 1999.

I always have Irfanview installed. :)

It needs a plugin to work with WebP files though. As much as I like Ifranview, it doesn't have a version that works with mobile browsers, MacOS, or Linux. ¯\_(ツ)_/¯

Looks good Rhiannon. The sample large photo of 2.79 MB is compressed to 859 KB at 75% quality using Squoosh, while a standalone RIOT program compresses the same large photo to 1.1 MB at same quality. Other cases may be different and yet to try out more.

Thanks. I've been testing it out this week with good results. I'm happy with the quality of the compressed and compressed and resized images. RIOT is a good program.

Squoosh is a good choice. This image https://www.techsupportalert.com/files/images/pc_freeware/android_apps/S... optimized with it on this article https://www.techsupportalert.com/content/get-subtitles-your-favorite-mov... is reduced to only 24 KB, lower than the same image optimized with RIOT using the same default 75% quality. The two optimized images are of visually no difference but the one using Squoosh is smaller in size.

Thanks Jojo. All the details of how and what Squoosh uses to get results is at the Chromium Blog:
https://blog.chromium.org/2018/11/chrome-dev-summit-2018-building-faster...

Interesting if you like the details and technology involved.