: I recently read here that you can save at jpg compression 31 using double the dimensions that you need, then display it on your webpage at half those dimensions and it will look good. So

@Jennifer810

I recently read here that you can save at jpg compression 31 using double the dimensions that you need, then display it on your webpage at half those dimensions and it will look good. So if you want your photo to display at 200px by 200px, you save it at 400px by 400px at 31 quality, and set your image size in your CSS or HTML to be 200px by 200px. This makes the image look like it was saved at high quality but with a much smaller file size AND it looks good on retina displays. This would work well for photos.

For images with big areas of solid colors, I'd either save as a PNG-8 or if the image has a gradient or lots of colors, PNG-24. Or if you made it in Illustrator you could save as an SVG, depending on your target audience (and their browsers).

Vote Up Vote Down

Login to post a comment!