Navigation

Images

Insert, edit, align, and delete images.

Be sure to follow the Web Style Guide for Images when adding photos and graphics to your web pages. Contact Marketing and Communications if you need help with images or with getting photography release forms.

As a contributor you can insert and align images to enhance your page. If you want to delete or replace an image, refer to the steps for files in this guide.

    Note: Your images folder contains your images. If your website does not have one, please create an images folder to store your images. Always replace images from your images folder, leaving the image title the same. This will ensure that the image will be replaced correctly on all pages it's linked to, as well as ensure that the file being replaced has been removed.

    Use only the following file types for your images:

    • .PNG (icon, logo, screenshot)
    • .JPG or .JPEG (photo)

    Do not upload files over 250kb. 

    Insert and Edit an Image

    Here’s how to insert and edit an internal image on your page:

    1. In the page you're editing, go to the main content area text section.
    2. Place your cursor where you want the image to go and click. 
    3. Click the Insert/edit image button. 
      Insert/edit image icon.
    4. On the Internal Image tab, find your image via the "Current path" navigation (read the section on inserting an internal link in the Links section, if you have trouble understanding the navigation). When you've found your file, click on its name to select. 
      Screenshot of the Insert Image box. The Current path navigation box shows, "Current path: home/webmaster/workshop." Beneath is another box with an "x" in the corner with the title "Basset-Hound-3.jpg" and the link path: /webmaster/workshop/basset-hound-3-2.jpg
    5. You can optionally fill out the Title field (this is the image's caption) but the Alternative Text field (text that will appear for a user if the image cannot load) is required. Describe what the image is in the Alternative Text field.
    6. Use the Align menu to choose where the image will appear on your page: Inline, Right, or Left. We recommend Right.
      1. Inline alignment means the image will appear within a paragraph's text. 
        Inline aligned.
         This image will line up along the text baseline and create blank space between the paragraph lines. 
      2. Right aligned.
        Right
        alignment means that you can insert an image within a paragraph text. This image will flow to the right of the text. We highly suggest using this alignment for images because it does not break the continuity of text on the left side of the page and allows for easier page scanning.
      3. Left aligned.
         

        Left alignment of images means you can insert an image within a paragraph text. This image will flow to the left of the text.

    7. Use the Size menu to select the image's size. You can experiment with different sizes and click Insert to see how the image looks, but we recommend Mini (200x200) or Preview (400x400).
    8. Click the Insert button to insert the image on the page.
    9. Save your page draft and review the page to make sure the image displays properly.

    Delete an Image

    If you wish to delete your image, simply edit your page, click on the image, and delete it using delete or the backspace command.

    Note: Removing an image from a page does not remove it from the website.

    To remove an image from the website, refer to the steps for deleting files.