Image Sizes for the IUP Website

  • Images should only be uploaded into the content folders. Never upload any images (or files) into the Page Layout set of folders.

    Image file names that contain punctuation, such as commas or apostrophes, will not show up properly on the website. 

    Be certain the file name does not contain commas, apostrophes, etc. before uploading the image. Avoid spaces in file names as well. Use a dash - or underscore _ in place of spaces.

  • 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.

    Please resize your images before you upload them to the CMS library, or before you overwrite an image. This gives you better control over the reduction process and ensures that your website visitors are not downloading unnecessarily large images. Do not artificially resize images that have already been uploaded to the CMS library.  Here are some of the easiest ways to resize photos.

    Important: Never enlarge image sizes. This will result in a lower quality that will not look good.

    All images should have a resolution of 72 pixels per inch.

    Recommended Image Sizes
    Width Settings
    Full width
    750 pixels
    Half width and below
    737 pixels
    Left- or right-aligned
    Photo Gallery Image, Horizontal
    750 pixels
    Follow aspect ratio

    Note that portrait-orientated images can take up a lot of visible space on a mobile device. Once they fill the column, they may take over the whole screen. Use with care.

    When images are placed into content (pages or news posts) they need to have the correct settings applied in order to work best within the new, responsive website.