Working with Images

When adding images to your website, it's important to have a nice quality image but keep them at a reasonable size. Large images increase load time for the page.

You can resize your image in an image-editing program first before uploading it into TerminalFour, or use TerminalFour's built-in resizing abilities.

Image Editors

Prepare images for the web by using an image editing software on your computer (such as Adobe Photoshop) or a web-based editor. Below are some free photo editing programs.

Optimizing Images for the Web

Providing the highest quality image content on your website requires a fine balancing act between image quality and file size (load time).

The goal is to have the highest quality images with the smallest file size (which will load more quickly, offering your users a better user experience, and make a positive impact on your search engine optimization).

Aim to keep your images less than 1 MB in size.

Therefore, optimizing your images for the web is a very important step. Here are some resources to help:

  • Optimizing Images for Web: A Practical Guide: This blog post written by Richard Lazazzera, A Better Lemonade Stand, July 18, 2016
    This step by step tutorial on how to optimize your JPEGs, PNGs, and GIFs in Adobe Photoshop (though this blog can still be useful when using other photo editing software).

Adobe Photoshop

If you do not already have Adobe Photoshop on your university-owned machine and wish to use it for photo editing and optimizing, your department/program may be able to get a copy for your university-owned work station through the Help Desk.

Also, Adobe Photoshop is available on some computer labs on campus (such as the Art Lab, the Mac Lab in the Administration Building, and the Media Production Center in the Library).

Additionally, if you wish to purchase Photoshop for personal use, Adobe offers a significant educational discount on Photoshop and all of the other softwares in the Adobe Creative Suite through Adobe Creative Cloud.

Free Online Image Optimizers

Some possible free alternatives to Photoshop for image optimization include: