3 ms·
> 15. .webp: significantly overrated, in my opinion. It doesn’t give anywhere near as big a boost in compression relative to properly-done JPEG as people think
by Jiocus 5y ago
> 15. .webp: significantly overrated, in my opinion. It doesn’t give anywhere near as big a boost in compression relative to properly-done JPEG as people think (like under 10% a lot of the time). Now AVIF, that’s another matter.
I was saying the same thing but then I realized something. The thing about webp isn't about how it compares to jpg[0]. Png on the other hand, with all those logos and some with transparency. Webp can replace these with only a fraction of png-size.
Anything photographic, where quality is priority and transparency isn't required I find jpg to be finer quality.
[0] Altough that's often the narrative.
- chrismorgan 5y agoGood call, when you need transparency it’s a much more meaningful gain. Heh, this is even another place where you can invoke SVG (though slightly less awful than the HTML-in-SVG-in-HTML I just mentioned, yet nonetheless pretty unnecessary nowadays): you split the alpha channel out into a separate, greyscale, image, and use it as a mask for the other image. Thus you can add a PNG or JPEG alpha channel to your JPEG. https://peterhrynkow.com/how-to-compress-a-png-like-a-jpeg/ https://peterhrynkow.com/how-to-compress-a-png-like-a-jpeg/ is a good description of the technique; and JPNG.svg, at https://codepen.io/shshaw/full/LVKEdv https://codepen.io/shshaw/full/LVKEdv, is one tool to generate such things.
- Jiocus 5y agoSVG are absolutely an option and I've been meaning to go that route by default for some time, but old habits die hard. I mostly use them for icons, SVG feels saner than the alternative methods and easier to work with. Combined with design work it's convenient. Webp/png can be very useful in the sense that there is a broad understanding about how to work with plain images. A low barrier to entry, and easier collaboration in some situations. I did not know about the alpha channel workaround. That's nice to have in the toolbox, Thanks.
- robertoandred 5y agoTry https://tinypng.com/ https://tinypng.com/ for png compression.
- blacksmith_tb 5y agoMy personal fave is Crunch[1]. 1: https://github.com/chrissimpkins/Crunch https://github.com/chrissimpkins/Crunch
- Jiocus 5y agoI did a quick test, here's how it went. Choose an example png(1) but had to redo with png(2) because tinypng.com won't chew a file larger than 5MB. png 2.4MB ← original png png 2.1MB ← Trimage image compressor jpg 876.6kB ← Converseen image converter jpg 808.2kB ← jpegcrush ← Converseen image converter png 743.0kB ← tinypng.com (impressive!) webp 416.3kB ← Converseen image converter