Images
Optimize your images for the web and make them accessible.
Quick Reference for Images
- Alt Text — Make sure all images you use have alt text assigned.
- Image Quality & File Size — Use high resolution images, ideally at least 1600 pixels wide. Image file sizes should not exceed 1 MB.
- Aspect Ratio — Use images with a 16:9 aspect ratio whenever possible.
General guidelines:
- Avoid using complex images — Do not use images with a lot of text (e.g. infographics, charts, maps, etc.)
- Avoid using copyrighted images — Use images that are fair use or creative commons.
Editing Your Image
You can use Red Ketchup to quickly edit your images to meet the following criteria:
- Image Quality — At least 1600px wide
- File Size — No larger than 1 MB
- Aspect Ratio — 16:9
Getting There
- Log into LibGuides https://usfca.libapps.com/libguides/.
- Select Content > Guides and click the Edit icon for the guide you want to update.
- Click the Add / Reorder button at the bottom of the box where you want to add an image.
- Select Rich Text/HTML from the dropdown menu.
- In the Add Rich Text/HTML window, use the built-in text editor to add and format your text.
- To insert an image, place the cursor where you want the image to go and click the Image button.
Alt Text
Include alt text to describe any images in your blog posts.
- Brevity and context are important
- Avoid images with text whenever possible
Complex Images / Images With Text
Complex images are images that include a substantial amount of text, e.g. infographics, charts, maps, etc.
- It is best to avoid complex images altogether
- It is unacceptable to use alt text for complex images
- If the inclusion of a complex image is integral to your guide, please reach out to Anders for help
Read more about complex images — USFCA Web Accessibility Standards »