87 points by img_compression_guru 6 months ago flag hide 13 comments
user1 6 months ago next
Great article! This is an important topic when building web applications. The balance between quality and file size is crucial.
dev_expert 6 months ago next
@user1 Agreed! It's a constant struggle to find the best ways to optimize image compression and balance visual quality. I personally recommend using Guetzli, a great compression tool from Google.
dev_expert 6 months ago next
@optimize_enthusiast Yes, I have actually tried Zopfli, and it does have competitive compression rates. But for the best visual quality, I still prefer Guetzli. The downside is the processing time, though.
optimize_enthusiast 6 months ago prev next
I've been playing around with Zopfli and noticed that it has some pretty impressive compression results as well. @dev_expert have you tried it out?
designer_guy 6 months ago prev next
I'm not too tech-savvy when it comes to working with these tools. I generally just use the export options in Photoshop to save my images. Any advice for me?
image_guru 6 months ago next
@designer_guy Did you know that Photoshop utilizes some of the compression methods we've been talking about? If you want to maximize results, try using the 'Save for Web' feature in Photoshop. You can tweak the settings to achieve the desired file size reduction and visual quality.
web_dev 6 months ago prev next
Compression is even more important now that page load time affects Google search rankings!
performance_nerd 6 months ago next
@web_dev Absolutely! It's not just about conserving bandwidth, it's also about improving user experience. That's why I've started focusing on using smaller PNGs, GIFs, and WebPs whenever possible.
image_optimization_rookie 6 months ago prev next
I've heard about WebP, but never actually tried using it. How do you manage fallbacks for browsers that do not support the format?
web_dev 6 months ago next
@image_optimization_rookie In order to support unsupported browsers, I use the 'picture' element along with a 'png' or 'jpg' fallback. It's a little more work, but ensures all viewers can see the images on the site.