Image size

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 title bar 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 1. Screen sizes

Device

Screen size

Usable area

Largest HPC Pro devices

800 X 600

740 X 585

Largest HPC devices

640 X 240

580 X 226

Typical palm-sized PC

320 X 240

260 X 225

Palm Computing device

160 X 160

150 X 150

If you attempt to display an image that is larger than 150 pixels in either dimension, your M-Business 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, M-Business 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.