Image
Add Images to your webpage
Last updated
Was this helpful?
Add Images to your webpage
Last updated
Was this helpful?
The Image component in Elements allows you to easily add and display images (in JPG or PNG formats) on your website. This versatile component supports a wide range of customization options, making it ideal for showcasing visuals in a clean, responsive, and accessible way.
JPG
PNG
The Image Component does not support SVG's, instead you should use the SVG Component.
A simple Lightbox feature can be enabled under the Lightbox setting in the Image Component.
Basic image protection can be applied using the Image Protection option under the Image properties.
It’s a common request: protect images on a website from being downloaded or copied. While blocking right-click can deter casual users, it’s important to understand that it doesn’t truly secure your images. Web browsers inherently download all page assets—including images—so they can display them. This means anyone with basic knowledge of developer tools or access to the browser’s cache can still retrieve your images.
Instead of relying on “image protection,” consider watermarking your images or ensuring they’re resized and optimized for the web. This approach makes them less valuable for unauthorized use while still serving their purpose on your site.
View the Common Controls Section in the Elements manual to learn more about the shared settings within this component.