Drupal: Add an Image

In general, images should not include text, but if the image does have text, then all of the text in the image must also be added to the image caption. Reason: Text included within an image cannot be read by search engines or screen readers.

Do not copy and paste images into a web page. Please follow the steps provided below to upload each image to your website folder, then add it to the web page.

All images added to the website should be JPG, PNG, or WEBP. Please do not upload HEIC images (the image format commonly used by iPhones). Please use an image converter like https://cloudconvert.com/heic-to-jpg before uploading images.

Step-by-step guide

  1. In the editor, first select a space to insert your image.

  2. In the toolbar, click the Image button: 

  3. Select the type of image link you would like to use.  You can either browse the server, or paste a web link to get your picture. To choose an image on the server or to upload a new image from your computer to the web page you are editing, click Browse Server.


  4. The File Manager window appears. Be sure that your department folder is selected in the left folder list. If the image you want to add to the web page is already uploaded to your files list, just double-click it to select it.

  5. To upload a new image, click Upload in the upper left of the File Manager, then click + Add file.


  6. Select the files you want to upload from your computer and click Select or Choose (depending on your OS). The file names will appear in the Upload file window.

  7. Click Open.

  8. Double-click on the file name to choose it.

  9. Add a Caption and Alternative Text.


  10. Edit the image as needed, (size, alignment, etc.)

  11. Save and Publish