transformimgs VS squoosh

Disclaimer: I'm a co founder of Pixboost Image CDN. I wrote this blog recently about why you might go with us: https://pixboost.com/blog/why-pixboost-is-the-best-image-cdn/. We are also open source, so you could host the API by yourself: https://github.com/Pixboost/transformimgs

We tried to combine all that and make it easy to use @pixboost. We also have open source version of our image API that you can easily host behind any CDN: https://github.com/Pixboost/transformimgs

Here's another handy tool that I use: https://squoosh.app/

Squoosh: A webpage that allows you to quickly optimize images for your blog.

One of the most complete image compressor out there, squoosh.app by Google, uses web assembly for decoding/encoding images and it works pretty well.

First off you want to shrink your images. Every mb your page is the more it will hurt your score. I use https://squoosh.app/

https://squoosh.app/

Having a quick look at squoosh, it uses lossy compression of webp by default.

Size images appropriately (https://squoosh.app/ can be used for this). Ideally, the size of the image should be kept below 100 KB.

if your images a large file size, remove them from the page, reduce file size, and place new reduced file size images in their place - publish the site to bring the new pics live - clear your cache - go the page and test it (good tool to reduce image file size is Google Squoosh - https://squoosh.app/ )

I'm just exporting normally from Figma, but then using squoosh.app (browser based) to adjust quality/compression and even for making sure png files are optimized for prod.

Hey I see your friend made a clan, but this guy found a workaround here if you still need it. I just used https://squoosh.app/ to basically save a new copy of the image and that worked