Use this widget to display a single image on your page. You can choose an image from those already uploaded or upload a new image. Then, you can edit the image settings, such as title and alt text. Finally, you can choose how to display the image on the page.
When you use the image widget, Sitefinity CMS generates an img tag in the HTML of the page. In this tag, Sitefinity CMS automatically generates the loading="lazy" attribute. This attribute instructs the browser not to load images that are off-screen until immediately before the moment they become visible. Thus, lazy loading of images improves performance.
Sitefinity CMS automatically uses width and height attributes within the img tag. This has the following benefits.
You can place an Image widget only inside a Section widget.
To do this, perform the following:
Choose which image to display by performing the following:
NOTE: If you have chosen to display an image from a library, it is already uploaded and you do not see this option.
You can change the image properties in the following way:
NOTE: If you have chosen to display an image from a library, it is already uploaded and you do not see Use this image button.
To configure how to display the image in the widget, perform the following:
To open the advanced settings, in the upper-right corner of the Image widget page, click (Advanced settings)
Save your changes.
Sign up for our free beginner training. Boost your credentials through advanced courses and certification. Register for Sitefinity training and certification.
To submit feedback, please update your cookie settings and allow the usage of Functional cookies.
Your feedback about this content is important