61–70 of 88 posts
Has anybody tried mozjpeg? https://github.com/mozilla/mozjpeg It works much better than any of the alternatives listed here, I'm surprised noone mentioned it yet. Here is an image compressed to the same size with mozjpeg http://m8y.org/hn/12597098.jpeg jpeg.io http://i.pi.gy/AP8v.jpg
Did a quick comparison test with this beautiful piece of artwork I just created. original http://i.pi.gy/0K7d.png (2.1 MB) jpeg.io http://i.pi.gy/AP8v.jpg (102 KB) Photoshop 60% jpeg Export http://i.pi.gy/Wr4P.jpg (90 KB) tinypng.com http://i.pi.gy/ndKA.png (74 KB) Note pi.gy does not compress uploads.
> Note pi.gy does not compress uploads.
This original image shows as 201 KB for me in Safari dev tools.
I was hoping to run your source through ImageOptim and examine its output.
Did a quick comparison test with this beautiful piece of artwork I just created. original http://i.pi.gy/0K7d.png (2.1 MB) jpeg.io http://i.pi.gy/AP8v.jpg (102 KB) Photoshop 60% jpeg Export http://i.pi.gy/Wr4P.jpg (90 KB) tinypng.com http://i.pi.gy/ndKA.png (74 KB) Note pi.gy does not compress uploads.
Maybe it's just my computer, but I'm getting very different file sizes (using Firefox's view image info). original - 200.69 KB (205,510 bytes) jpeg.io - 163.29 KB (167,212 bytes) Photoshop - 206.41 KB (211,361 bytes) tinyping - 190.59 KB (195,160 bytes) EDIT: pi.gy mentions the following in its FAQ [1]: Q: Does this service compress images? A: No, but JPEG's might lose about 0.5% of the quality thanks to CloudFlare.…
Earlier quoted context omitted.
Any time it's a photographic image (rather than a drawing, diagram or rasterised vector image).
This. Here's a quick guide: JPG - Use for photographic images only. GIF/PNG-8 - Use for line-art, logos, etc. PNG-24 - This is a a lossless format/TIFF replacement and generally shouldn't be used for production sites.
But it is sometimes of course, particularly when the designer does not want the PNG restricted to 256 colors. For example, suppose that your logo is a single lowercase letter with an overlaid multicolor gradient rainbow, the banding in the transitions becomes super pronounced in PNG-8.
Beyond that, SVG can replace a lot of what PNG has been used for on the web for the past couple decades.
Earlier quoted context omitted.
Look at the bottom, it's powered by Kraken.io. This service is just a nice acquisition channel for them while providing something useful. I like these win-win scenarios.
> just a nice acquisition channel My point was that it is not just an acquisition channel, but also a great way to collect more sample images for their algorithms.
Earlier quoted context omitted.
Since he doesn't summarize the test above, let me. The jpeg.io result is bigger than the other two and noticeably worse quality. The problems were with the sharp lines. Perhaps jpeg.io specializes in photo-realistic pictures rather than graphics and logos.
jpeg.io may have lost on sharp lines, but it had WAY fewer artifacts than either of the other exports, and the blue was closer to the original compared to the Photoshop export. In my opinion, it's a better quality image.
How do jpeg.io's proprietery JPEG optimization algorithms perform compared to JPEG2000, webp or re-jpeg ?
Has anybody tried mozjpeg? https://github.com/mozilla/mozjpeg It works much better than any of the alternatives listed here, I'm surprised noone mentioned it yet. Here is an image compressed to the same size with mozjpeg http://m8y.org/hn/12597098.jpeg jpeg.io http://i.pi.gy/AP8v.jpg
MozJPEG is especially impressive at reducing artifacts around text: http://calendar.perfplanet.com/2014/mozjpeg-3-0/
:(
And I'm out.
Did a quick comparison test with this beautiful piece of artwork I just created. original http://i.pi.gy/0K7d.png (2.1 MB) jpeg.io http://i.pi.gy/AP8v.jpg (102 KB) Photoshop 60% jpeg Export http://i.pi.gy/Wr4P.jpg (90 KB) tinypng.com http://i.pi.gy/ndKA.png (74 KB) Note pi.gy does not compress uploads.
I really wish people would stop using chroma sub-sampling in lieu of compression. It barely made sense when transmitting analog signals, and it definitely doesn't make sense now.
If you take one of these subsampled images and use a proper upscaling filter, or better yet, use the Y plane for edge hinting, it'll look great.
JPEG's really not good enough for efficient 4:4:4 but I do think a newer format could handle it.
Earlier quoted context omitted.
MozJPEG is especially impressive at reducing artifacts around text: http://calendar.perfplanet.com/2014/mozjpeg-3-0/
> If you want to run MozJPEG on your own machine, then you’ll need to use an ugly command-line program. :( And I'm out.
