Add IUP Stock Photography to Your Page

  • These instructions are the same as How to Add an Image to Your Page, but are specific to IUP stock photography (from the University Photographer).

    Select a Photo

    Before adding the photo, you should review the photos available on the University Photographer's website. On the Gallery page, and you'll find an extensive list of photo galleries, broken down by year. When you have located a photo that you’d like to use, make note of its year and description. The description is also the title of the photo.

    Note: Only 737- and 750-pixel-wide photos are displayed in the galleries. These are the correct sizes to be used for the IUP website.

    Adding a Photo

    Follow this process to insert a photo onto your page:

    • Open the content block for editing. Place the cursor at the beginning of the paragraph where you want the photo to appear. (For a full-width photo, place the cursor into a blank paragraph line.)
    • Click the Insert tab, then the Library icon library icon. The Library window will appear:
      Photographer library
    1. On the left side of the screen, find and open the Units folder (open by clicking on it). Then find and open the P–Pq folder; then the Photographer folder, and then click on the Gallery folder. Once you have opened the Photographer folder, you should see photos displaying on the right side of the screen. (If you do not see photos, change the pull-down menu at the top right to “Images.”)
    2. Open the folder year for your photo, then either the 737 or the 750 folder, depending on the photo’s pixel width (737 is half-width or less, 750 is full-width).
    3. Double-click the title of the photo you want to place into your content, or double-click directly on the photo. Double-clicking places the photo into your content. (Note: Never double-click on the little yellow box next to any image. This only places a thumbnail. If you actually want an image that small, then it needs to be resized on your computer and uploaded as a separate image.)
    4. Click the placed photo once, then apply the correct settings to align and size the photo.
    5. Inspector icon in the formatting toolbar Edit the photo’s alt (alternative) text:
      Click the photo again to select it, then open the Inspector by clicking the far-left icon on the Review tab of the formatting toolbar.
      • Alternative Text field within the InspectorThe alt text should describe the photo (“Healthcare--picture of Indiana Hospital”). This is required for accessibility—the description will be read aloud by computer screen readers for people with vision impairment.

    Although there is an option to artificially adjust the image’s size, never do this as the image can become pixelated or fuzzy. Remember that all images must be resized before uploading into the CMS, not from within the CMS. For similar reasons, please do not use the “Edit Image” option, either.

    Moving an Image

    If the image is placed in the wrong location on the page, click it once to select it, then right-click and choose “Cut.” Place the cursor at the beginning of the paragraph that you want the image to be next to, and choose “Paste.” After moving the image, the alignment, sizing, and alt-text editing processes must be done again.

    Changing an Image

    To replace one image with another, click the image once to select it. Open the Inspector, then click the blue Library icon, located to the right of the “Image Source” field. Choose the appropriate image from the library window. (As always, only double-click the image filename or the image itself. Do not double-click on the little yellow box.)

    The Inspector also shows what styles are being used in the content. When the Inspector menu is open, placing the cursor within any text will show what styles are applied, plus what other styles are available.

    Here’s how to add a quicklink to an image.