I'm making a site which has as a banner a 1000x375 image. Which format is recommended for this? (in terms of downloading/displaying times)
Add a comment
|
2 Answers
Completely depends on the composition of the image.
Vector-style image with clean lines and lots of uniform areas of colour (e.g. a screenshot of some Windows explorer screens)? PNG
A complex photograph with harsh lines and lots of detail? JPEG
Gaussian-blurred photograph with plenty of smooth gradients and some big fonts over the top? PNG.
Test your images and find the optimal format and compression settings to get your desired blend of image quality and file size. It's not as simple as 'PNG or JPEG'.
-
It's more of a photo (shows in-game screenshot of a videogame I'm creating) Aug 20, 2010 at 0:12
-
Almost certainly JPEG. But test it out. If it's for a header graphic and you're overlaying text, you'll probably want to blur it up some. Aug 20, 2010 at 2:28
Try it and see. Whichever one makes the smaller image will be faster to render the full thing.
If the image is going to be massive nomatter what, I would suggest saving it as JPG with progressive rendering enabled, so that the user gets a fuzzy version, then a better version, etc, rather than waiting for it to render line by line.
That said, 1000x375 is not a big image. I have a 300Mb TIFF if you want to see a browser have a heart attack...
answered Aug 20, 2010 at 0:01
