Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Be brief. Provide enough information for users to enjoy the image and act on the information it provides, the same way a vision-abled user would. Make it a sentence (100 characters) or less and avoid redundant words like “photo of,” “image of,” “screenshot of.” 
    • If the image is a headshot, "John Doe headshot" is sufficient. Include first and last name.
  • Be contextual. Consider how you are using the image in the context of your email, and provide the information
  • Include any relevant text in the image. If the image has text in it, include it in your alt text. If there is more than one sentence of text in your image, make sure to include that text outside of the image, somewhere in your email.
  • End in a period. This can help users know when the alt text ends. 
  • Examples:
    • "aerial view of Grainger Hall."
    • "Bascom Hall in winter."
    • "professor John Doe lectures on a stage."
    • "students discuss around round tables."
    • "Grainger logo"

Image to text ratio in emails

...

  • We recommend at least 300px so that when the image is full width on mobile, it will not be blurry/grainy.
  • Check the file size of your image before uploading. Keep images under 300KB, and ideally under 200KB in file size. Why? Large Large images make it more likely for your emails to get removed by spam filters, cost more data to load (especially an issue for mobile users), and slows down the speed at which an email loads. Users are less likely to engage with or read an email if the photos take more than a second to load.

How to decrease image file size

You can don't need fancy software to do these basic edits, most computers have built-in editors.

...