I would like to put a background image on my page the way that this site has it done: I would like to get every single piece of advice that I can possibly get about getting that image to load as quickly as possible. (Besides slicing it in fireworks which I know to do..) thanks so much!
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Background Image in a webpage 3
- Thread starter flasher
- Start date
-
1
- #2
Hmmmm... little torn on how exactly I want to respond to this thread. First of all the background on the example you linked loads ~slow~ now I have to tell you that I have a dial-up connection so that I'm NOT blindingly fast but still if I have to sit around and twiddle my thumbs I get annoyed and find I have other things to do than visit that site eh?
If you want a textured background over a large area ideally you will slice a small piece of that texture and then tile it either with CSS or as a background image in a table etc.
The images that cannot be diced up for use in smaller tiled backgrounds should be kept to only those that are required to make your site presentable. The faster you load the better I like it ~in addition to site content of course~
Good luck!
Chris I always makes things much harder than they should be... that way later I can slap myself in the forhead after spending hours and hours on two lines of code and say to myself "DUH!"
If you want a textured background over a large area ideally you will slice a small piece of that texture and then tile it either with CSS or as a background image in a table etc.
The images that cannot be diced up for use in smaller tiled backgrounds should be kept to only those that are required to make your site presentable. The faster you load the better I like it ~in addition to site content of course~
Good luck!
Chris I always makes things much harder than they should be... that way later I can slap myself in the forhead after spending hours and hours on two lines of code and say to myself "DUH!"
-
1
- #3
cian
Technical User
- Oct 11, 2001
- 1,383
If you check their source code you will see exactly they have done it.
But I am on a fairly fast connection and the images were a little slow to load. Also with their particular "background" it is a little difficult to read the text.
I would recommend that you keep your background very simple. And instead of doing it that way they did it, leave it as one piece and set it as the page background using CSS. It makes it easy to change in case you need to. In the example you posted they will probably have a big job if they want to change the iamges.
É
:: ::
But I am on a fairly fast connection and the images were a little slow to load. Also with their particular "background" it is a little difficult to read the text.
I would recommend that you keep your background very simple. And instead of doing it that way they did it, leave it as one piece and set it as the page background using CSS. It makes it easy to change in case you need to. In the example you posted they will probably have a big job if they want to change the iamges.
É
:: ::
-
1
- #4
Hi,
I would definitely go down the css for background image route. You can use a tiny file to do this. the other way I do it is to load into Photoshop 7 and use the save for web option. This allows you to give the jpg or other file various characteristics but has a useful guide to d/l times at the bottom of the screen.....And it's only a single slice! ;-)
I would definitely go down the css for background image route. You can use a tiny file to do this. the other way I do it is to load into Photoshop 7 and use the save for web option. This allows you to give the jpg or other file various characteristics but has a useful guide to d/l times at the bottom of the screen.....And it's only a single slice! ;-)
- Status
Similar threads
- Locked
- Question
- Locked
- Question