Skip to site navigation

Adding images

Adding an image consist of 2 stages:

  1. you upload the image to your Silva site.
  2. you add the image to the relevant page.

Before you read on, please check you know the following about images!

To upload an image into Silva

  1. Create a folder called Images - you only do this once and place it at the root of your site. You can delete the index page as you will never need it.
  2. Go into the Images folder.
  3. Click on the drop-down list at the top of the page.
  4. Select 'Silva Image'.
  5. Click on Browse to find the image.
  6. Select the image.
  7. Give it an id and title
  8. Click 'Save'.

To add an image to your Silva Document

  1. Go to the page where you want to add the image.
  2. Click on image in the right-hand panel.
  3. Click get image reference.
  4. Navigate to your Images folder.
  5. Select the image.The image should now appear in your page.

Resizing an image

The middle column in Silva is 504 pixels wide. The side columns are roughly 200+ pixels.

However, for a site to download quickly, it's best NOT to have images larger than 500kb. Please resize the images before putting them on Silva.

If an image is a bit too large either in scale, you can resize it within Kupu.

  1. Ensure you are in editing mode on the relevant page.
  2. Click on the image to select it and a Toolbox will open on the right-hand side.
  3. Click on the edit image... link- A NEW TAB WILL OPEN IN YOUR BROWSER.
  4. To make the image smaller you can change the percentage in the text box next to scaling.
  5. To make the image smaller using pixels, type in the pixels e.g. 100x75 or 250x175.
  6. If you are not sure how to do the ratio, you can type 100x* where the * will calculate the correct ratio. Alternatively, you can type *x100.
  7. Click 'change'.
    Note:     The change will NOT be visible until you Save and Preview the page.

If you are not sure, email silva-support@ucl.ac.uk and we can explain / help.

Page last modified on 01 may 13 14:16