264: How To Use Squoosh by Google

Reduce Image Size. Maintain Quality.

Squoosh

  1. You will use this tool to make file sizes of images smaller.
  2. One practical example: Your podcast cover art is too large for Apple requirements and you want to squoosh it down to under 500kb as recommended.
  • Squoosh is a web-based browser app that reduces the file size of images while maintaining image quality.
  • Squoosh was developed in an effort to speed up load times of websites by providing a tool to web developers to quickly and easily shrink or ‘squoosh’ images to the smallest file size possible

How To Use Squoosh.app

1. Open in Browser

  • Squoosh works in all major web browsers and mobile devices
  • Open a web browser and type in: https://squoosh.app
  • Drag & Drop or Select an Image to upload from computer
  • Sample Images at the bottom if you want to test it out
  • You can not batch upload images. One image at a time only.
https://squoosh.app

2. Interface

Squoosh Interface in Chrome
  1. Return to Main Screen (upper-left corner)
  2. Boxes (Bottom left & right corners)
    •Left is Original Image (‘Before) by Default, but can be changed
    •Right box is where you reduce file size or squoosh (‘After’)
    •Blue Download buttons in the corner when done
  3. Zoom (bottom-center)
    • Use scroll wheel on mouse
    • Use Plus (+) or Minus (-) keys in bottom center
  4. Toggle Background (bottom-center) for different looks
  5. Comparison Slider (center).
    •Before & After
    •Original on left, Squooshed on Right
    •Drag to compare

Image Compressors in Squoosh

  1. OptiPNG is a PNG optimizer that recompresses image files to a smaller size, without losing any information
  2. MozJpeg reduces file sizes of JPEG images while retaining quality and compatibility with the vast majority of the world’s deployed decoders.
  3. WebP is an image format employing both lossy and lossless compression. It is currently developed by Google
Image Compression Standards

Video Tutorial

My YouTube Channel

Can I Help You?

--

--

--

Podcast & Tech Handyman. I make tutorials and help people figure things out. Email: mike@mikemurphy.co

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Mike Murphy

Mike Murphy

Podcast & Tech Handyman. I make tutorials and help people figure things out. Email: mike@mikemurphy.co

More from Medium

How to write a good README for your project

How to create your first API documentation and build the website that displays the current foreign…

Web Design Course Updates

How to Create a Feedback Form on WordPress Using a Plugin — Complete Guide (2022)