Adding an image

Styling an image

The image library

A picture is worth a thousand words. Learn how to add and style images in Vev as well as how to change the image's information to better position your page in search engines.

Adding images in Vev

๐Ÿ“ธ Adding an image

From The Top Menu

  • Navigate to the left side of the top menu

  • Select the Image icon

  • Upload a file or choose an image from a stock image library

  • Select the image from your image library

  • Click and drag the image onto your canvas

From The Add Menu

  • From the top menu bar, open the Add Menu

  • Search for and select Image

  • Click and drag onto your canvas

  • Double-click the element to open your image library

  • Upload a file, choose an image from a stock image libraries, or select an image you've already added to your image library

๐ŸŽจ Styling an image

Choose from a variety of options to style and customize an image. You'll find these options in the styles panel as listed below.

  • Size: Set your desired dimensions for your image

  • Cropping:

    • Auto crop: Automatically crop an image based on the percentages to the left

    • Contain: Increases or decreases the size of the image to fill the container and preserves the aspect ratio

    • Stretch to fill: Stretches the image to fit the container, regardless of its aspect ratio

  • Border: Set a border color, opacity, and line weight

  • Border Radius: Curve the radius of the border

  • Effects: Add different types of shadows or blur effects. Learn more about effects

  • Opacity: Set the opacity of your image

๐Ÿ“š The image library

The image library is a collection of images you've previously uploaded to your project or selected from a stock library.

Adding information to your image

Hover over your image in the image library and click on Info to see the image information. You'll be able to change this information as listed below.

  • Name: Give a name to your image

  • Photographer: Add the photographer's name

  • Description / Alternate text: Describe whatโ€™s in the image for those who cannot see it, improving accessibility.

Tip: Alt text and Descriptions are helpful for SEO and accessibility. Make sure that your tags complement the image.

Did this answer your question?