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 Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Autosize a background image
- Thread starter Wadoki
- Start date
Normally with update browsers such as ie6 images will automatically resize to fit in the viewing dimensions of the browser. Your best bet here is to use an image editor that allows you to set pixel sizes and either make the image 600x480 (small), 800x600(medium and normally the default for most browsers, 1024x760 (fairly bigger, and a pleasan size), or 1200x1600 (huge image, depending on screen rez).
Background images are automatically "tiled" to fill the users browser. If you search some of the free graphic sites for background images you'll see that they are very small - usually around 120x120 pixels - depending on the image.
If your background image is, for example, a house, and the image size is 100x100 pixels, you're going to get a lot of "houses" for a background. But if you want a single house, you'll have to create the background image big enough to cover the users screen and monitor resolution.
Let's say that you want to make a background to fit a screen resolution of 800x600 - you're image will have to be approx 790 pixels wide and at least 500 pixels (depends on browser tool bar settings) tall. Of course, if you're page scrolls down, you'll have to make it taller or use CSS to make the image "non-scrollable".
There's always a better way...
If your background image is, for example, a house, and the image size is 100x100 pixels, you're going to get a lot of "houses" for a background. But if you want a single house, you'll have to create the background image big enough to cover the users screen and monitor resolution.
Let's say that you want to make a background to fit a screen resolution of 800x600 - you're image will have to be approx 790 pixels wide and at least 500 pixels (depends on browser tool bar settings) tall. Of course, if you're page scrolls down, you'll have to make it taller or use CSS to make the image "non-scrollable".
There's always a better way...
- Thread starter
- #4
Tiled is not what I want, scrolling is not an issue, there will not be enough content on each page for that. I don't want the graphics to tile so... I guess I should make the all 1024x768 or larger and assume that most people that look at the site won't have it set to a screen resolution higher then that.
You'll be safe at 1024x768 but.....
keep in mind that the default Windows screen resolution is 800x600. If you make your background 1024x768, almost 1/3 of the image will not be seen unless the user scrolls to the right.
There's always a better way...
keep in mind that the default Windows screen resolution is 800x600. If you make your background 1024x768, almost 1/3 of the image will not be seen unless the user scrolls to the right.
There's always a better way...
- Status
Similar threads
- Locked
- Question
- Locked
- Question
