Results 1 to 5 of 5
Thread: Large Background Images?
January 19th, 2009, 04:39 PM #1
Large Background Images?
Is there a certain way to include a large background image on a web page?
Here is an example: http://365daysofastronomy.org/
This site has a large photo for a background but it is a non-repeating image. I guess my questions are:
What format would be best to retain quality but ensure small file size?
What size should the image be so that it will fill the entire browser for most people?
Any other tips?
January 22nd, 2009, 02:42 PM #2
January 22nd, 2009, 03:00 PM #3
There is no specific image size that will fit for most people, there's no such thing. So you need to make it as big as you feel is necessary. The file type should also be whatever file type is the smallest, while maintaining a quality which is acceptable to you. Generally that tends to be a JPG or a PNG. This guy is using two background images, the stars which does repeat on the <html> and then the "content" background which is used on the <body> which again ... is whatever size he deemed acceptable.Let us live so that when we come to die even the undertaker will be sorry. - Mark Twain
Don't PM me your CSS, xHTML, JS or PHP questions. I will not reply to ANY IE6 questions.
January 23rd, 2009, 12:21 PM #4
January 23rd, 2009, 12:26 PM #5
Also to add on, you might want to make sure that the ends of the image don't just stop. And then make the background color the same as those edges so the image flows into the background. This will please those people with ridiculously high resolutions.
As for file type and size, I generally would go with a jpeg that is anywhere from 60-80 quality. This, of course, depends a lot on the detail of the image. But, just play around with the settings until you like it.
Oh, also, don't forget to center the image.
Just my- redelite -
Harry: "Yeah, she stopped me in the lobby, and explained what was up. Then they slapped this bulletproof vest on me and gave me a gun!"
Lloyd: "But what if he'd shot ya in the face...?"