An image element acts as a placeholder, allowing you to add images to your canvas. Unlike background images set on elements like container blocks, image elements stand alone.
What You'll Learn:
Adding images to Nilead
Editing and replacing images
Styling techniques for images
Importance of alt text
Images can be added from the Media Manager
Note: Images should not exceed 10MB. Nilead automatically optimizes and creates responsive image variants. For best results, you should still optimize images before uploading.
Navigate to the Media Manager, located on the top right corner of the platform (next to your user menu).
Select upload tab.
Select the image sub tab.
Drag an image element to the canvas (or click browse).
Click the upload button on the bottom right corner.
To use your image, select the image element, access the configurations tabs, and select your image.
If an "upload failed" alert appears, ensure:
The image file isn't corrupted, has a supported extension, and is under 10MB.
Your internet connection is stable.
Browser extensions aren't interfering. Try uploading in Incognito mode or check your extensions.
Access image settings by selecting the image element, you can then:
Update the image name and summary
Add tags to it
Select focus point.
Basic edits like: rotate, flip, crop, zoom in or out, and more
On the visual editor:
Select the image.
Open Image settings.
Click the alt text field to add the content.
For setting dynamic alt text for images:
Select the image.
Open Image settings.
Click the "Mapping" checkbox and select the desired provider and property fields.
