Creating and Using Imagery

Saving Images

  • Images should be cropped to the appropriate size and saved for the Web as a 72dpi JPG, PNG, or GIF file.
  • To optimize photos for web, in Photoshop choose to Save for Web, and save the image as a JPG Quality High (60).
  • Images that are scaled on the page, rather than inserted at the correct size, will increase load time and may stretch out of proportion.
  • JPGs are best for photography. PNG is best for images that contain both photography and typography or geometric shapes.

Naming Images and Using Alt Text

  • For accessibility and search engine optimization, images must be named appropriately and contain valuable keywords.
  • Images cannot include spaces or special characters and should be all lower case. Use a dash to divide words. For example “my-image.jpg.”
  • It is imperative for search engine optimization and to meet accessibility guidelines, that every image to contain an appropriate Alternative Tag with meaningful text and rich keywords.