When choosing images for use on the mobile web pages, it is important to remember the size of the display. As stated previously, mobile devices come with a variety of screen sizes. Once the screen is painted with the titlebar and scroll bar, you are left with an even smaller usable area. The following table gives some examples of screen widths for various supported devices and how much of the screen is available for displaying HTML pages:

Table 4-1 Screen sizes

If you attempt to display an image that is larger than 150 pixels in either dimension, the AvantGo sync server will scale it to fit inside the viewing area. Scaling reduces the quality of many images, so you might consider avoiding images wider than the smallest supported viewing area (which is on the Palm Computing devices).

Remember, the AvantGo Client does not support the height and width attributes of the IMG element, so you cannot rely on the browser to resize an image to your specifications.