Image is used for large format, responsive images. For small images use Thumbnail.
optional = ?
||The default image path. This is used for single images, as a fallback if no sources match, or if a browser does not support picture element sources.|
||An array of image sources to offer alternative versions of an image for different device widths and pixel densities|
||An alternative text description that describe the image for the reader to understand what it is about. It is extremely useful for both buyers using assistive technology and sighted buyers. A well written
||Indicates how the browser should load the image, either lazy or eager. Uses native browser behavior and is not supported by all browsers. If no value is provided the image is loaded immediately, regardless of whether or not the image is currently within the visible viewport.|
||Adds a border to the image|
||Displays the image at the specified aspect ratio (fills the width of the parent container and sets the height accordingly) and creates an invisible placeholder to prevent content jumping when the image loads. Use along with
||Indicates how the image fits in its frame. Use if the image is not displayed at its intrinsic size to maintain the aspect ratio.|
||Indicates the image is decorative and should be hidden from assistive technologies|
||The path to the image|
||Specify if the image should be loaded for small, medium, or large viewport sizes|
||Specify that the image should be used for devices with a matching pixel density|