Size Images for the IUP Templates

  • Warning!

    Image file names that contain punctuation will not show up properly on the website!

    Be certain the file name does not contain commas, apostrophes, etc. before uploading the image.

  • The IUP templates look best when you use images that are correctly sized to fit them.

    Please choose the correct width from the table below. Note that the news post template is narrower, and so full- and half-width images for news items are smaller than for regular web pages.

    Recommended Image Sizes for the IUP Template
      Width Height DPI
    Main Image (Spans 2 Columns, or Width of Page) 553 pixels 200–318 pixels 72
    Half-Width Image (Spans 1 Column, or Half of Page Width) 271 pixels 203–360 pixels 72
    Quarter-Width Image (Spans ½ Column, or a Quarter of Page Width) 130 Pixels 98–173 pixels 72
    News Post Image (Full Width)
    400 Pixels Follow aspect ratio 72
    News Post Image (Half Width)
    200 Pixels
    Follow aspect ratio 72
    Image on Personnel Page
    100 Pixels
    Follow aspect ratio 72
    Photo Gallery Image, Horizontal 640 Pixels Follow aspect ratio 72
    Photo Gallery Image, Vertical 480 Pixels Follow aspect ratio 72

    It is best to resize your images before you upload them to the CMS library. This gives you better control over the reduction process and ensures that your website visitors are not downloading unnecessarily large images. Please avoid artificially resizing images that have already been uploaded to the CMS library.

    Here are some of the easiest ways to resize photos.