Preparing an Image for the Web

It is very important your images be compatible with the web, in order to minimize loading time and maintaining the quality of the image. This is true of all image file types.


Things to remember:

  • The actual dimensions of your image should be the same size as you would like displayed on your web page. Please do not upload large files sizes when the image will only appear across four inches of the screen. This will drastically impact loading time for your web page.
  • Typically your file shouldn’t be any bigger than 72 pixels per inch (PPI or DPI). Keeping the file size low like this will ensure quicker loading times, especially on the mobile devices used by over 30% of our audience.


To prepare your images before uploading, use photo editing software like Adobe Photoshop.

  1. Once you have opened your photo editing software, first change the Image Resolution. Look for an Image menu item and click Image Size.

  2. This will open the Image Size dialog box.
  3. Look for Image Resolution and make the appropriate changes so your image is no larger than 72 pixels per inch.
  4. The next step is to edit your file size. You will also do this in the Image Size dialog box.
  5. You will be able to adjust the image size either by pixel or by inch.
  6. After completing these steps, your image is ready to be uploaded and used on your web pages.

For further information on Image Size please visit Image Size Guidelines.


If you need help getting setup with Photoshop or using this software, please contact the UIT (University Information Technology) Service Desk by emailing

Was this article helpful? 0 out of 0 found this helpful

Have more questions? Submit a Support Ticket