Image
Responsive image with options for a link, image dimensions, alt text, rounded corners, shadow, lazy loading, and the usual Wrapper styles.
Live Preview| Use case | Display images on your page. |
| Page speed impact | Low, unless a very large and unoptimized image is used, which may have Medium or even High impact, especially above the fold. If this image is the LCP, disabling lazy loading for it is recommended, while enabling lazy loading for images below the fold. Optimize images with TinyPNG for better page speed. |
| Available in pages | Yes |
| Reserved block class | img |
| Relevant files | css/_base.css — a core component included in main.css |