pika VS squoosh

Pika (Free) Pika (pronounced pi·kuh, like picker) is an easy-to-use, open-source, native colour picker for macOS. Pika makes it easy to quickly find colours onscreen, in the format you need, so you can get on with being a speedy, successful designer.

Pika

Squoosh - Visual image compression

Have you tried Squoosh to find the best compression settings visually? I'd be very curious to see how they compare.

I'd say that a proper OR recommended approach towards optimizing images for the web is to manually compress them with compression tools like TinyJPG or Squoosh before uploading them to your favorite image CDN. Why? you'd ask me.

This is the easiest measure you can do to improve your performance. You probably want your users to view the images in the best quality, but at what cost and is it necessary? If you serve an oversized image only to be viewed in a limited-sized box, you transfer unnecessary data over the network that take extra time before it can be displayed. I recommend you use a tool to resize and compress your image, e.g. Squoosh.

There's also Squoosh. It's a web based app that supports multiple formats. https://squoosh.app/

It's a good idea to optimise our images; to make sure they're not unhelpfully large. We can do this manually using tools like TinyPNG or Squoosh. However, it's also possible to automate this process. In this post, I'll show you how to do that using the TinyPNG API.

the better tool is https://squoosh.app

1 - Install squoosh-cli. 2 - To compress JPGs within the aforementioned directories:

Your images need to be optimized. Let's just take ny2.png which can be over 90% smaller if you run it through squoosh with the right settings. You can heavily compress all of your images without any noticeable quality loss and should absolutely do that since images take up by far the most bandwidth on a website.