In WebWave website builder element "Image" allows you to add to your website any graphics. In this article, you will learn about picture features and how to build a website with any images.


Add image to your website

Crop image

Change image


 Add image to your website

An image can be added through the toolbar on the left side of the builder. All you have to do is click on image icon and drag and drop it to your website.

When you add a new "Image", you will see a website media library. Choose an adequate picture and add it to your website by clicking "Select" on the bottom of the window. 


 Image features

After selecting Image set its attributes in the side edition panel:

 Click action

After choosing "Click action" you will be able to make a linked button out of your image and transfer a user to a website of your choice. This effect is often used for example to link company logo to its website. You can set a link to:

  • None (default) - nothing happens after clicking an image.
  • Webpage - opens your website's subpage
  • Go to newspage - opens a certain article.
  • Go to object on page - website will be dynamically scrolled down to a certain element on the subpage. 
  • Website address - opens a website with a certain site address.
  • Perform interaction - show or hide elements.
  • More:
    • Open URL address - opens a website with a certain URL address.
    • Call phone number - runs default calling application like Skype on the user's computer or telephone dial on a mobile phone and automatically dials the number of your choice.
    • Send e-mail - opens default mailbox application like Mailbox (Windows 10) on the user's computer or Gmail on users mobile phone and automatically puts e-mail address of your choice.
    • Open file from media library - opens file form media library.


 Image settings

In "Image settings" you can set:

  • Crop type :
    • Cover (default) - Image is proportionally rescaled and fully fits the frame. Top, bottom or side image boarders can get cropped.  
    • Contain - A whole image is proportionally rescaled. There might be left some blank space in the frame.
    • Stretch - Image is rescaled but not proportionally. It fully fits the frame.
    • Original size- Image is not rescaled - it is in the frame in original size. 
  • No image compression- Turn off automaticall image compression.
  • Ken Burns Effect - Turn on Ken Burns Effect.
  • Scrolling speed -  Turn on Parallax Effect.


Image description and SEO

In image description you can set:

  • Image title for SEO - set a title which is displayed when a mouse cursor is on the image. 
  • SEO image description (ALT) - set a text which will appear when an image can't be displayed. ALT is important in website positioning. 


More about positioning read here.


 Crop image

To crop image right click on it and choose "Crop photo".

When the image frame turns blue and mouse cursor changes, you are free to crop the image. 

When you are done, end image edition by clicking outside of the picture and save changes. 


 Change image

In order to change an image, right-click on it and go to "Edit content". Choose a new picture and press "Select".


15 January 2019


This website has been entirely created using our web design software WebWave. We use cookies to give you the best possible experience. Read more.







Click here to chat with us.




Free website builder WebWave makes creating websites effortless. You can start building your website either from scratch with a blank page or, if you are looking for some inspiration, with a free template.  Web design software for free? It is easy!

Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.


Missing any feature? Share your ideas with us.