Sizing graphic for the web

[bch33]

Using PhotoShop, what is the best size to make a graphic that is to extend across the entire top of a webpage, (I want it about 100 pixels high but not sure width -wise how long to make it so that it fits the full length no matter what resolution its viewed in on the web.)

Thanks
bch

 

[xutopia]

uh... you might want to know something.

the size of the image in photoshop is anything you want but is a fixed value. That means that you make it any size you want in Pixels.

on a web page you can size an image in (mainly) two ways :

1) standard pixel size

<img src=file.gif height=100 width=595>

2) using relative size in percentage of available space

<img src=file.gif height=100 width=100%>

HOWEVER, all browsers will strech the image and this can lead to pixelization.

I hope this helps. Gary

http://www.xutopia.com

Haran

 

[changeme]

Thanks, Gary
yeah, I usually do all my tables etc. on the web in pixels (absolute) I try to avoid percentage.
I just wasn't sure about the width for the graphic to wrap the entire top of the web page
(595-600 width sounds good)
So basically I'll just make sure my table sizes on the rest of the page match that graphic width, so that when viewed in different resolutions it'll all be uniform.

Thanks much
bch

 

[xutopia]

oh I guess I didn't fully understand your question.

check this out. I even bought the book :

http://info.med.yale.edu/caim/manual/pages/design_grids.html

and the next page as well

http://info.med.yale.edu/caim/manual/pages/safe_area.html

Hope this helps. Gary

http://www.xutopia.com

Haran

 

[changeme]

Great Stuff--just what I need
Looks like a must read
Thanks so much
bch

 

[xutopia]

it is a must read! Gary

http://www.xutopia.com

Haran

 

[cian]

What I have done in the past and have seen others do is to make an image width=1275 and height whatever you need. So its fits all resolutions etc Quite a number of sites do it this way.




É

http://www.endamcg.com/finland-gaa

 

[bch33]

That makes sense Cian,
thanks for your help
bch