Web Development
Web Developer Guidelines
Visual Design Recommendations

Checkpoint 4.6 - Mobile-PDA

Where large images have been included, a thumbnail linking to the larger version is provided

DEECD Requirement

DEECD Guideline

Large images should be avoided where possible as these add cost and download time to the display of the page. However sometime large images are required, such as for maps, graphs, or other information-rich images. In these cases, the large image should be replace by a thumbnail of the image that is itself a hyperlink to a second page where the large image is displayed. This ensures that the user doe not suffer added cost and download times to view the page when they do not specifically want to view the image.

Requirement

Where large images have been included, a thumbnail linking to the larger version is provided

Recommendation

Ensure all images are optimized for the mobile device in that they are not high resolution, that they have correct height and width attributes, and that the height and width attribtes are specified on the <img> element.

Checking Tool

View the page in a mobile device and check that any large images have a substitute thumbnail image in the page where they first appear.

 

Back to top