Images add visual interest or describe content visually. All images, along with their descriptions, are responsive. Images may be full-width in relation to the container or floated either left or right within body copy.
Images fit into different types of components. Crop all images at the correct aspect ratio for its type and optimize for the web with no visible pixilation or distortion.
|Component||Aspect ratio||Minimum size (Pixels)|
|Cards||16:9||750 x 422|
|Hero banner||16:9||1920 x 1080|
|Full-width image||16:9||750 x 422|
|Right or left aligned image||16:9 (horizontal)
|320 x 180 (horizontal)
240 x 360 (vertical)
Choose images relevant to the content of the page. All images must respect copyright laws, be professional, and have high quality resolution.
Add a caption
Go to the Captions page for further guidelines on writing captions.
All images must have an alt tag that clearly describes the image. Alt tags are used for screen readers or as a placeholder when images do not load properly. If there is text on the image or diagram, it must be legible and WCAG 2 compliant.
Was this page helpful?
You will NOT receive a reply on your feedback. Do NOT include personal information. To get answers to questions, use Alberta Connects.
Your submissions are monitored by our web team and are used to help improve the experience on Alberta.ca.