Image Library
      Back to home
      1. Knowledge Base
      2. Content
      3. Image Library

      Manage your images

      The Image Library allows you to upload and manage all your website’s images.

      In this article

      1. Uploading images
      2. Deleting images
      3. Editing images
      4. Copying images
      5. Selecting multiple images
      6. Sorting images
      7. Searching for images

       

      1. Uploading images

      There are two main ways to add images to your project:

      • Using the upload button in the smart toolbar
      • Dragging and dropping images into your Image Library

      In the smart toolbar

      You can use the smart toolbar located at the left side of your Image Library. Click the upload button (+) located as the first button inside the smart toolbar. From here, you can select the images you want to upload.

      upload_image

       

      Dragging and dropping

      You can drag a single or multiple images right onto the Image Library and it will automatically upload all of your images.

      drop_upload_image

       

      Supported image file extensions:

      • PNG
      • JPEG and JPG
      • GIF
      • SVG

       

      The maximum file size of an image when uploading is 20MB. 

      Please only upload images you have the right to use and distribute.

       

       

      2. Deleting images

      • Delete a single image
      • Delete multiple images

      Deleting single image

      1. Hover over the image
      2. Select the more button
      3. Delete the image and confirm

      deleting_single

       

      Deleting multiple images

      1. Hover over the images and select by checking the box in the top left corner
      2. Select the delete button inside the smart toolbar
      3. Delete the selected images and confirm

      deleting_multiple

       

      All instances of the image must be deleted from the project before you can delete the image from the library. If all instances are deleted, then from the Image Library you can remove it completely. 
      If not, the delete button won't be appearing when you select the more button of the image.

       

      3. Editing images

      1. Hover over the image
      2. Select the more button
      3. Select the edit button to open the editor
      4. Edit your image and save to finish

      edit_image

      All instances of the image used inside your project will be overwritten by your edited version. These changes are also applied on your live website.

       

       

      4. Copying images

      1. Hover over the image
      2. Select the more button
      3. Select the copy button

      copy_image

      Everything will be copied from the original image. This includes the responsive sizes and SEO title & description.

       

       

      5. Selecting multiple images

      1. Hover over the images and select by checking the box in the top left corner
      2. Once you have selected one or more images, there will be several options available inside the smart toolbar

      OR

      You can use the smart toolbar located at the left side of your Image Library. Click the select all button located as the second button inside the smart toolbar.

      multi_slect

       

      PRO TIP

      Holding Shift while selecting images, will select all images between the last selected and the current selected image.

       

       

      6. Sorting images

      Sort your images by Newest First, Oldest First, by Size Ascending, Size Descending or Alphabetical (A-Z or Z-A) in the top right corner of the Image Library. By default, your images will be sorted newest to oldest.

      sorting

       

       

      7. Searching for images

      You can search and quickly find any image using the search bar in the Image Library. To use Search, click on the search icon in the top of your Image Library.

      search_images

       

       

      TIP

      Learn more about the settings of your image's SEO.

      TIP

      Create albums to arrange your images.