Website Image and Video Standards
As part of a feature-rich website, quality photography enhances the overall content.
Web Image Standards
Photos should look professional, be free from any distortion and high resolution for quality viewing on smartphones, tablets, and retina displays. Photos should follow the university's Photography & Multimedia strategy.
- Professional looking photos or images (no selfies or blurry images)
- Follows copyright usage guidelines (public domain, fair use or used with permission)
- Color photographs only
- Photos placed within the page body (not applicable to banner photos) should be less than 1 MB when possible. Larger files will slow page loading, especially over mobile networks.
- No filters (vignette, distortion, soft focus)
- Photos should relate to content
- Rectangular or square shape only (no circular cropping)
- No text or graphic overlays on photos
- Free of borders
- Follows Cropping for General Composition (pdf) tips
- Free from digital photo modifications that drastically alter the original photo
It is preferable to not use a photo at all versus using a poor quality image or an image that does not have a clear connection to the page on the content. Photos should maintain the high visual quality of the site.
Banner Images | Banner images are dynamic, full-color images spanning the full width of the browser. They require an extreme landscape dimension of 2500 x 700 pixels and a high-resolution.
Teaser Images | Teaser images only display when a page is pulled into another page as featured or related content. They need to be landscape photos no smaller than 860 x 470 pixels.
Faculty & Staff Headshots | Faculty and staff photos on employee pages should be square headshots that include head and part of the shoulders of the person. They need to be 220 x 220 pixels. Full body photos do not display well in smaller sizes and should be avoided.
Uploading and Placing Images on Webpages
Video Tutorial | Placing Photos within the Content Area
Photos for specific image fields, such as banner photos, are uploaded using a simple file uploader. Find the field on the editing screen and click "choose file."
In addition to specific image fields, images can also be uploaded and placed within the body content area on webpages. Open the image properties window by clicking the image button in the body editor toolbar, and browse server to find your uploaded images. You can upload more images by clicking the upload button.
Alt-Text and Accessibility Standards
Alt-Text (also called alternative or descriptive text) is required of all images placed within a page. People with visual impairments depend on alt-text when using screen readers. To make sure our website is accessible, alt-text must describe what an image is in order to transform visual information into text.
Web Content Accessibility Guidelines state "All non-text content that is presented to the user has a text alternative that serves the equivalent purpose."
Alt-text is short, concise and describes the image in the context of the page.
Feature Video Standards
Feature videos should have a resolution of at least 720p.
Videos must follow copyright usage guidelines (public domain, fair use or used with permission).