Why isn't my Image working?
There are several reasons why your image may not be displaying correctly in Cascade or on your live site. When you upload your image, ensure it has the correct extension (.jpg, .png, etc.) otherwise Cascade will not be able to use the file. You also need to publish the image for it to be seen on your live site. Although the option to use external links for images is available, it is best practice to always upload your own image. External images exist outside of your website and your control, and can cause unexpected changes to your website.
Image Size Recommendations
All images uploaded into Cascade should have a resolution of 72ppi and should not exceed a width of 1200 px. For an image that spans an entire row, we recommend the image be much wider than higher, ideally with a width to height ratio of roughly 4:1 or 3:1. This is a very general recommendation, and context will be the primary determining factor in the size and aspect ratio of your images.
Alternative Text in Images
Alternative text (alt text) is used to convey the subject matter of images used on your site. Alt text helps to ensure your website is accessible to people with visual impairments who might be using a screen reader. All images on your site must contain alt text. When adding an image to a page the alt text field is called the image description. Alt text should meaningfully describe the content of the image as succinctly as possible without unnecessary details.
Avoid Text Based Images
Screen readers cannot read text that is part of an image. The best practice is to type text directly on your page. If a text-based image must be used, the text should be typed into the image description as alt text.
Cascade Support Tutorial
For more information on image requirements and usage, please refer to the Cascade Support Tutorial on images.