Skip to content

Image

Easily add an image to your website by choosing one from WeWeb's local storage or linking to an online source.

image

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.

image=panel