Image guide

Use images sparingly and start thinking responsively

This guide is an image solution guide for Responsive Web Design (RWD)

  • Please note, the current CMS does not swap over the large desktop image for smaller image for mobile devices.

Treatment of images

  • No borders, the image goes right to the edge.
    • No migration of images from old to new. The image will be out of date and will not work for tablet and mobile device display.
  • Don’t compress images to a low resolution. New devices with ‘retina’ image display will render the image blurry/pixelated. Aim to keep image size down without taking away the image quality.

Image guide

image guide

 

It is important to check the output of the image display page in different devices, from mobile, tablet, including desktop.

Last updated: 23 February 2023