Upload an image

Helen Varley -

Upload an image

You can upload an image within the WYSIWYG and insert it as it is, resize the image or crop it before you use it.

  • Login as an administrator
  • Go to the page where you would like to insert the image
  • Click the Edit tab 
  • Place your curser where you would like to insert the image
  • Click on the Image icon . You will see a pop up window

  • Click on the IMCE icon  at the end of the Image URL field. You will see another pop up window
  • Click on the images folder. You will see a pop up window asking Do you want to refresh the current directory?
  • Click OK. You will see the images on the site in the box headed File name
  • You can now either:

 

Insert an existing image

  • Click on the File name of the image that you want to insert. You will see a preview of the image underneath the File Name box.

You can now:

Upload a new image and then insert it

  • Click on upload. You will see a pop up box.
  • Browse to the image on your computer
  • If you want to create a thumbnail as well as upload your image, check the thumbnail box.
  • Click upload. You will see a preview of the image underneath the File Name box.
  • Close the browse pop up

You can now:

 

Resize image

  • Click on the Resize icon at the top of the window to resize the image. You will see another pop up window.
  • Type in the Height or Width that you want the resized image to be
  • Click in the empty Height or Width field and the proportionate value will appear so that the image does not skew.
  • Check the box for create a new image if you want to keep the original image.
  • Click Resize.
  • Close the Resize pop-up.

 

You can now:

 

Insert image with cropping

  • Click on the Crop icon at the top of the window to crop the image. You will see another pop up window.
  • Check the box for create a new image if you want to keep the original image.
  • Set crop area:
    • If you know the size of the image you want, type in the width and height OR
    • hold down your mouse on the image preview and drag to the crop size of the image.
  • You will see a red box showing the final crop size.
  • Click inside the red box to drag the box to set the crop area.
  • Click Crop in the dimensions pop up. Your image will be created and you will see a preview of the cropped image.
  • Close the dimensions pop up window.
  • Continue as for Insert image without cropping

 


Insert image without cropping

  • Either click on the preview of the image or the Insert file icon at the top of the pop up. The box will close and the image URL will populate in the Insert/Edit Image box.
  • Add an Image Description for accessibility and any other settings required.
  • Click insert and your image will be inserted into the WYSIWYG.
  • Finish editing the page and Save your changes.
Have more questions? Submit a request

Comments

Powered by Zendesk