Skip to main content

Image

Learn how to manage and style your images

Jørgen Wigum Lurvik avatar
Written by Jørgen Wigum Lurvik
Updated over 2 weeks ago

Images can boost your design and improve SEO—here’s how to use and style them in Vev.

Adding images in Vev

Add an Image

Steps:

  1. Click the image icon in the left panel (Shortcut: i)
    or open the Add menu (+) and search for “Image”

  2. Drag the image container onto the canvas

  3. Double-click the container to open the image library

  4. Upload your own image or choose one from Unsplash or Pixabay

Replace an Image

  1. Double-click the image container

  2. In the Object Fit editor (right panel), click “Replace image”

  3. Pick a new image

Fit & Crop Images

Use the Object Fit editor to control how your image behaves in its container:

  • Cover: Fills the container, keeps proportions

  • Contain: Fits inside the container, keeps proportions

  • Stretch: Fills the container, doesn’t keep proportions

To crop:

  1. Select and double-click the image

  2. Use the Zoom slider to crop in

  3. Move the blue circle to focus on a specific area

Once you have decided how you want your image to behave within the container, you can adjust the cropping of your image by following the steps below.

How to crop an image:

  1. Select the image you want to crop.

  2. Double-click the image to open the Object fit editor.

  3. Navigate to the slider labeled "Zoom" located below the image preview.

  4. Use the slider to decide how much you want to zoom into your image.

  5. Use the blue circle on the image preview to select the area of the image you want to display.

Flip an Image

Flip your image horizontally or vertically:

  • In the Object Fit editor under "Flip", or

  • Right-click the image and choose "Flip horizontal/vertical"

Style Your Image

Use the style panel on the right to customize:

  • Background – Set background color/image (use with “Contain”)

  • Border – Add borders, set color and thickness

  • Border Radius – Round the corners

  • Effects – Add shadows or blur

  • Opacity – Adjust transparency

Use the Image Library

To access your uploaded and stock images:

  1. Click the image tool in the left panel

  2. Click the arrow icon → choose “Open image library”

  3. Double-click or click “Use image” to add it to your canvas

Image alternative text

In the image library, you can edit the image name and description/alternative text for SEO or accessibility purposes. Use these steps to add alternative text to your images:

  1. In the image library, select your image

  2. On the right, find the “Description/alternative text” field

  3. Add a short description of the image’s content

Did this answer your question?