Web Development
Web Developer Guidelines
Visual Design Recommendations

Checkpoint 4.5 - Mobile-PDA

Where possible, large images have not been used

DEECD Requirement

DEECD Guideline

Large graphics take up bandwidth and, in terms of size, also take up valuable screen space. Each image needs to be considered in the context of the impact it will have on the page download and the presentation to the user. On some mobile screens, text and block elements wrap according to the screen dimensions while large images fall off the screen.

Requirement

Where possible, large images have not been used

Recommendation

The impact of the image on the mobile device functionality and the user experience must be considered in development. Images must be edited to be as small as possible, taking into consideration that many mobile device screens are 120 pixels wide.

Redevelop the content of the images is the quality of the information presented degrades when a smaller image size is enforced.

Checking Tool

Check the source code of the page for all height and width attributes of <img> elements and compare this to the actual size of the images to ensure that the image size is not being manipulated by the width attribute.

 

Back to top