- 1. Don't make the user scroll your page horizontally. Ever. This makes reading your web page incredibly annoying.
- 2. In most cases, don't make the user scroll vertically to see all of a single image. There are exceptions, like web comics that are designed to be read by scrolling down with the mouse wheel. But even then, there is usually one visual idea per screen.
- 3. If the image is not the most important thing on the page, don't make the user scroll vertically past the image to see the actual content of the page.
Does that mean images on web pages can be 800x600 pixels? No. We have to make room for space on the left and right used up for margins and the user interface of the web browser. As a rule of thumb, we can subtract 40 pixels from the width of the screen. So images should not exceed 760 pixels wide... and that assumes that your page layout has nothing to the left or right of that image. If it does, you'll have to subtract that space too.
You'll also need to subtract vertical space. You lose more space here because the top and bottom of the web browser window and the operating system's "taskbar" area generally use quite a bit of space. We recommend subtracting 190 pixels from the height of the screen. So the maximum height of an image you can be fairly certain the user will see without scrolling is 560 by 410 pixels.
Got a LiveJournal account? Keep up with the latest articles in this FAQ by adding our syndicated feed to your friends list!