The image widget is a pretty straightforward widget. Two things about it you might not know.
#1 - How to add an external image.
By using the dynamic tag feature you can add an external image.
#2 - How to nicely show images that are in different sizes
Here are two images one in landscape and one in portrait.
By using the Object Fit setting to make them look better.
The Object Fit setting shows when a height is set to the image. In most cases select the Cover option. Note a large width value is required in some cases to make sure images show at the same width.
#3 - Different image sources for various screen sizes
You can upload multiple sources for a single image to ensure that users always receive the most appropriate image for their device's screen size. Click on the Mobile button on the top bar to view the following two images.Â
- The first one remains the same, just gets resized down.
- A different image gets loaded, and the image is in portrait, which looks better on mobile.
The feature improves page load times and user experience. Don't worry about multiple images all getting loaded; they won't be. Only the most appropriate one gets loaded by the browser.
The same image appears twice after the installation of the webp module.
Check the Choose no extension or .jpg extension in the filemanager section on the FAQ page.
