Images

Images

Website images should support your ideas or illustrate the concepts that you are writing about

While good images can greatly enhance your website, poor quality images will reflect badly on it. Try and resist the temptation to add an image just for the sake of adding an image.

Keep these points in mind when you are adding images:

  • Relevance: you want your images to be relevant to your content so as to make your posts and pages more interesting and informative.
  • File size: the larger the file size, the longer it will take to load. Keeping your file sizes low, speeds up your web page access times. Try and keep image sizes to less than 150-170kb (for a large image).
  • Resolution: the resolution of an image dictates its clarity. Minor adjustments in resolution can improve the file size of your image, but you should never reduce the resolution so far that the reduction in quality is noticeable.
  • Big is not always better: the physical size of the image is its size on the screen (for example: 500px). Reducing the physical size of your image is usually the first place to start when resizing. Make sure you follow Macquarie’s digital guidelines around image sizes:
  • Accessibility: always provide meaningful alternative text (alt-text) to your images. Alt-text should present the content and function of any images in your website and is a key component in web accessibility. When images don’t have alt-text, users who cannot see images, and use screen reader software (such as JAWS) will miss out on your content.
  • Remember copyright! Although it is easy and tempting to simply copy an image from other websites onto your own, you should always assume that another site’s content is protected by copyright. When in doubt, ask for permission to use an image you find on another site, and always attribute its author.

Image sizes

Please see the Squiz guide for a list of image sizes for our websites.

Back to the top of this page