Image
Easily add an image to your website by choosing one from WeWeb's local storage or linking to an online source.
Configuring the Image
Styling Options:
- Image Link: Choose where your image comes from—either a local path or a URL from the web.
- Fit: Decide how your image fits within its container:
- Fill: Stretches the image to fill the space.
- Cover: Scales the image to cover the container while maintaining aspect ratio.
- Contain: Ensures the entire image is visible, fitting within the container.
- Overlay: Add a color overlay to your image for a unique effect. Possible options include solid colors, gradients, or patterns.
- Filters: Apply various filters to enhance your image's appearance, such as brightness, contrast, and grayscale.
Configuration Settings:
- Alt Text: Provide alternative text that appears if the image fails to load.
- Loading: Choose how your image loads:
- Lazy: Loads the image only when it enters the viewport.
- Eager: Loads the image as soon as possible.