up vote 0 down vote favorite
share [g+] share [fb]

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)

link|improve this question
feedback

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

Questions on Server Fault are expected to generally relate to servers, networking, or desktop infrastructure, within the scope defined in the faq.

2 Answers

up vote 1 down vote

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

link|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
feedback
up vote 0 down vote

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

link|improve this answer
feedback

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