Image resizing for different resolutions

[ragol_67]

If I where to make a background using Photoshop, do I need to remake that same background for every different type of resolution? or could I make one background and use a script to automatically resize it for the resolution settings on different users computers?

[rmedek]

no, I'm pretty sure you can make only one resolution... default dpi for web is 72. The best way to do it in Photoshop is to optimize your images for the web (under the file menu) as you save them, it'll convert them automatically.

Hope this helps,

-Rich

[ragol_67]

Well I made a layout in Photoshop that was 800X600 pixels at 72 pixels/inch. When I posted it as a background to my page it was too big. Is there a code I can use to make that background fit on any page?

[rmedek]

Well, if you're screen resolution is 800x600 then the background is going to be too big, especially when you consider margins, scrollbars, frames, anything that eats up screen space. Usually ditto for larger resolutions, too, because most browser windows open at a default dimension of 800x600.

There might be a code to resize the image (you'd have to check on the javascript forums) but what most people do is either use a fixed background width that's a little smaller (750x550?) or use a much smaller image and tile it across the page, which fills up the screen nicely.

-Rich

[ragol_67]

The background image I created needs to be strategically placed on the page in order for the layout to be presentable. Therefore I would need the page to be automatically ajusted to be compatible on all browsers. I will ask this question on the javascript forum.

Thanks for your help!:)

[rmedek]

no prob :)

BTW, you could always just use a fixed-width layout for the page, then no matter what reso the screen is the layout wouldn't break...