This website stores cookies on your computer. These cookies are used to collect information about how you interact with our website and allow us to remember your browser. We use this information to improve and customize your browsing experience, for analytics and metrics about our visitors both on this website and other media, and for marketing purposes. By using this website, you accept and agree to be bound by UVic’s Terms of Use for web and social media privacy.  If you do not agree to the above, you can configure your browser’s setting to “do not track.”

Skip to main content

Template 4 image types

Image files

File types/formats

The most important consideration for images on the web is how they will affect the performance of a web page, particularly page speed. The more images on a page, the longer it takes for that page to load and more data the page consumes for mobile users.

  • PNG files are often too large for the web; we recommend avoiding them where possible
  • JPG and GIF files are better, but still must be optimized (cropped to sized and compressed) before uploading to your site
  • WebP is a newer image file format that uses a smaller file size without sacrificing the quality of the image

Compressing image files

Compressing your image file helps it load faster. Often photo software adds hidden information to the file--like metadata--which can bloat the size of the file.

After cropping, please compress your images before uploading to Cascade. We recommend using TinyJPG, a free web-based tool that reduces the overall size of your image files without sacrificing image quality.

Choosing strong images

Persuasive pages need high-quality photography and/or video.

Strong photos are visually interesting, engaging pictures that show UVic people and places in a positive light.

High-quality photographs are well composed, properly lit and sharp. They should also be in landscape orientation (wider than they are tall).

Keep in mind that certain image components have specific dimensions. Shoot a little wider than you might usually, and crop to size later.

Sourcing photos and video

  • avoid stock images if possible; choose real UVic people and places instead
  • organize a photo shoot through Photo Services, or browse the UVic image gallery
  • do not take images from the web. Unless you have permission from the creator or owner of the photo, it is illegal in most cases, for you to reuse it on your own site.
Find specifications and examples of these image types in the template 4 documentation.

Information on image sizes for Template 3 Cascade sites is available on Brightspace.