|
| |
|
|
vision2000
Posts: 532
From: USA
Status: offline
 |
background graphic - 1/30/2006 23:56:17
Hi,
I would like to have a faded US flag in the background of my site using CSS.
The problem is that the image would be too large and therefore the page would take too long to load.
I tried repeating a 1000x1 pixel gif in the backgroundf using css however it does not tile well..it does not look like the complete flag anymore.
Please advise.
Thank you.
|
|
|
|
Rocket Boy
Posts: 409
Joined: 12/8/2005
Status: offline
|
RE: background graphic - 1/31/2006 9:31:10
maybe the thing to do is have a large sized image.. say 1024x768 which will be your background. Do not cover the whole thing in graphics though, leave most of it plain and have your flag in the top left fading out as it goes across and down the page (total size for flag could maybe be 400x600).
Leaving most of the image blank (your chosen background colour) will create a much smaller files size.
The amount of transparency on your flag will also dictate a lot of your final file size. Less colour and detail will help you end up with a smaller file size.
Also, use your paint program web images optimizer if there is one, these work very well. I can get some file sizes down by over 50%
| |
|
|
|
d a v e
Posts: 4169
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: background graphic - 1/31/2006 10:32:12
or if you had quite a simple graphic with very few colours then it would be pretty small as a gif? (rocket boy's suggestion will only work if it is a gif, if it's photographic - and therefore a jpeg - then leaving part of the canvas blank is worse. )
otherise use a jpeg of a more photographic flag and mak it subtle and soft focus then you can compress it quite harshly
_____________________________
David Prescott
Gekko web design
| |
|
|
|
vision2000
Posts: 532
From: USA
Status: offline
|
RE: background graphic - 1/31/2006 12:14:54
Thanks alot..I use FW 2004
Do you know how to compress a large image with it..I usually just use the wizard?
| |
|
|
|
d a v e
Posts: 4169
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: background graphic - 1/31/2006 12:33:07
have you got the a link to just the flag itself so you we can see it?
_____________________________
David Prescott
Gekko web design
| |
|
|
|
Rocket Boy
Posts: 409
Joined: 12/8/2005
Status: offline
|
RE: background graphic - 1/31/2006 14:10:29
quote:
ORIGINAL: vision2000
Thanks alot..I use FW 2004
Do you know how to compress a large image with it..I usually just use the wizard?
Not sure about FW specifically but usually in art progs you can select various options when using the export command
I also wouldn't mind seeing the page! Ta.
| |
|
|
|
d a v e
Posts: 4169
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: background graphic - 1/31/2006 14:13:35
try the 4-up view in the preview tab and then you can go into various settings (gif, jpeg) and compression levels in the export tab on the right. check with your FW help on exporting and optimising (F1)
_____________________________
David Prescott
Gekko web design
| |
|
|
|
Rocket Boy
Posts: 409
Joined: 12/8/2005
Status: offline
|
RE: background graphic - 1/31/2006 19:36:47
Firstly... Your site looks ace!!
The image doesn't look centered... The flag is aligned to the right (in FireFox at least).
To answer your questions...
I think the image looks better than I imagine it would look with a repeated flag. The bare white background is in keeping with your plain style buttons and plain background. I would honestly forget about repeating the image (just my opinion though).
I think maybe you should add more transparency to the flag (or make the image brighter) as it is a bit difficult to read the text.
Also, the exact positioning of the flag might need to be revised. Try and get it dead center and maybe put a circular fade around the edge so it blends in.
| |
|
|
|
vision2000
Posts: 532
From: USA
Status: offline
|
RE: background graphic - 2/1/2006 9:04:17
Thanks for the feeback - I''l work on getting it centered.
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
