Ohio University

skip to main content

Guide: Image Best Practices

Key Things to Keep in Mind When Putting Images on the Web

A vital part of web pages are the images that are used to illustrate examples or brighten up the page. However, there are several things to be aware of when you want to put an image on the web. By being aware of these things and modifying your images before uploading them you will be providing a better end user experience.

Key things to keep in mind are:

  • Images should be saved at 72DPI (Dots Per Inch). This the optimal DPI for displaying while keeping a low files size.
  • Images should be cropped to the size needed to fit into the space on the page. Once again, this will help reduce overall file size.
  • Be sure when you change this size of an image you preserve the aspect ratio.
  • Images can easily be made smaller, but generally not larger. Start with the largest image you can and make it smaller for best results.
  • Images, once "saved for the web" should ideally be less than 75KB but should not degrade the quality of the image.
  • If you are using a large background image, be cognizant about anything else on the page that can slow down your website.
  • Text created on images will not show up in search results.
  • For usability and search, all uploaded images should have a descriptive alt tag entered.
  • Be sure you have permission from subjects and the right to use any image you upload to the web.

DO NOT:

  • Upload images of signatures
  • Upload personal images to a university website
  • Upload images that contain sensitive data (i.e., credit card numbers, SSN, grades, etc.)