IUP artmark

Image Sizes for the IUP Website

  • Important!

    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.

    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. Avoid artificially resizing images that have already been uploaded to the CMS library.  Here are some of the easiest ways to resize photos.

    Recommended Image Sizes
    Use
    Width Settings
    Full width
    750 pixels
    Responsive
    Half width and below
    737 pixels
    Left- or right-aligned
    Responsive
    Half-width
    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.