This is a technique that was discussed some time back, but you run into several challenges. W/O getting into excess details, something like ImageOptim will take care of both for you. I mentioned this my #LitmusLive talk, but there are a few things that you want to deal with using PS exported images: metadata, and the sub sampling. The smaller the dimensions, the more you might be able to get away w/ lesser quality.Īlways use something like ImageOptim. And the dimensions of the image will also play into this. The quality gains at 80+ are less perceivable, but you'll suffer from file size. The JPG is a lossy format by default for one, and for 2, once you pass 80ish% quality setting, there's a diminishing return in quality vs size. My recommandation is to never ever save 100% quality. Don't use JPGs for image text (text images?), that's not where it's strength is - doesn't handle sharp changes in contrast to well. Do recall that JPGs are meant for pictures/photos, and possibly smooth gradients.

But PNGs are a lossless format (large file size), you do need to be careful when using them. Many forget that you have a PNG-8 to your disposal (256 colours or less), and depending on the amount of colours, this can be a GREAT option. Hey Kev, I agree w/ what was said below - but I would add a few items:Īlways consider the format you need to start with.

Tinypng photoshop download