`<standard:image />`
Standard Image extends the functionality of the native HTML <img> tag. Notable features include automatic reduction of the size of the image served to the client, and the ability for images to maintain their original aspect ratio.
Related Tutorials
Attributes
- `alt`
string
Alt
Alternative text description of the image used for screen readers and SEO.
- `height`
string
Height
Sets the height of the element. The default units are pixels. include the percentage symbol % to user percentage values.
- `id`
string
Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid') or in the server DOM using [? $myid ?] or [? $('myid') ?]).
- `maintainAspect`
string
Maintain Aspect
How the image should respond if the
width and
height set are a different ratio to the image's natural size.
- true - The image will shrink to avoid distortion.
- false - The image will obey the width and height, and possibly distort.
- "crop" - The image will obey the width and height, and will allow cropping to avoid distortion.
Default =
true.
- `src`
string
Image Source
The source / location of the image.
- `width`
string
Width
Sets the width of the element. The default units are pixels. include the percentage symbol % to user percentage values.
- `float`
string
Whether to float the image left or right. Default = "". Possible other values: "left", "right".
- `floatOffset`
string
If this image is floating inside a paragraph, by using the float attribute, floatoffset controls the distance of the image from the top of the paragraph.
- `lazy`
string
Delays the loading of this image until other resources have finished loading.
- `modalCaptionDescription`
string
Modal Caption Description
Description that will be revealed when the image is included in a modal.
- `modalCaptionTitle`
string
Modal Caption Title
Caption Title that will be revealed when the image is included in a modal.