I'm curious about the techniques you all use for image compression in your projects, especially when it comes to storage and enhancing performance. Do you rely on manual tools, scripts, or APIs? I'd love to hear about your workflow and any tips you have!
3 Answers
I personally use Squoosh.app for compressing JPEGs, PNGs, and AVIFs, which helps me skip the WEBP format altogether. I serve those images using elements with AVIF alternatives. For SVGs, SVGOMG does the trick! I also have both apps installed as Chrome PWAs for easy access.
For front-end work, I typically use upng.js to handle image compression. It’s pretty straightforward and integrates well into my projects.
Are you talking about compressing images beyond what the formats already provide? If so, what specific tools or services are you using to get that compression? I'd like to know if you’re handling all the coding yourself or relying on some APIs!
I'm referring to how you actually compress the images—tools or methods you're using!
What about for the backend? Any tools you recommend?