Images

Choosing an Image #

Keep these guidelines in mind when choosing an image to use on a page in your website:

  • Use the WVU Photo Request form to request a photo shoot of your event from University Relations News/Photography services.
  • Go to the WVU Photos website for university approved photos if you do not have an image that meets your needs. To see other examples of WVU Brand approved photos please view the WVU Brand Photos page.
  • It is suggested that photos adhere to WVU Brand Guidelines.
  • We advise against using charts or graphs as images. You can email CMS Desk or contact your Communicator to help you come up with more suitable solutions.
  • Avoid uploading large images that might take a visitor a long time to download. Use image editing software (if available) to reduce images to a reasonable size and optimize the images before uploading.
  • Do not use images where text is a majority or the focus of the image. This is not accessible and can lead to text that is not readable.
  • Do not use group or staff photos. University guidelines advise the use of more in-the-moment photography.
  • Do not create collages.
  • Do not use screen captures of any kind (videos, websites, etc).
  • Do not remove the background from the subject in a photo.

Note: The HSC Web team and communicators also reserve the right to, without notice, remove any images that do not meet our accessibility guidelines.

Image Cropper Tool #

The Image Cropper Tool is used in the Feature Area and on other pages, such as Profile Pages, to crop and optimize large images.

Learn About the Image Cropper Tool

Images in the Editor #

You can insert images directly into your content using the  Media Picker or the  Figure macro in the editor. You can also style those images using Image Floats.

Learn About Images in the Editor

Photo and Image Galleries #

Using Outside Services is often the most effective place to display large sets of photos from events. Umbraco has the ability to create an eight image  Image Gallery and link out to a full album on SmugMug. To discuss Image Galleries and appropriate use, contact Tyler Mertins.

Learn About Image Galleries

Accessibility #

Alternative text is a way to describe images in a non-visual manner. It is especially important for users who cannot see the images on a website or for situations where an image is not able to be downloaded by a user’s browser.

  • When writing alternative text, write it as if you were describing an image to someone who is unable to view the image.

Try and avoid using images in the following instances:

  • Do not use photos where text is the focus or majority of the image. In these instances, the photo is not providing much visual help. It is suggested that photos adhere to WVU Brand Guidelines.
  • We advise against using charts or graphs as images. You can email CMS Desk or contact your Communicator to help you come up with more suitable solutions. If you think a chart or graph is needed, please learn more about providing alternative text by clicking the button below.

Learn About Writing Alternative Text