Server Fault is a question and answer site for system and network administrators. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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)

share|improve this question

closed as off topic by Zoredache, Chris Thorpe, sybreon, splattne Aug 20 '10 at 7:14

Questions on Server Fault are expected to relate to server, networking, or related infrastructure administration within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the question.

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'.

share|improve this answer
It's more of a photo (shows in-game screenshot of a videogame I'm creating) – Gabriele Cirulli Aug 20 '10 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. – Chris Thorpe Aug 20 '10 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...

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.