Images and page banners | Messiah, a private Christian University in PA

Home
Campus Directory
Offices
Web Services
FAQ's
Images and page banners

FAQs for images and page banners

What size should images be when I upload them to the CMS?

In general, we recommend resizing your images to 500px wide (at 72ppi) for content widgets and document pages.

For some additional context, because Messiah Univeristy's website is responsive, our template will always assign a percent width to your image.

For example if you upload an image to the content section of a document page or homepage, and align it right or left, it will assume a 30% width automatically.

This means that your image might be 500px wide on a large screen or it could only be 200px on a tablet.

Please note, this only applys to images housed withint page content and widgets and not to page banners, which have different guidelines that will be address in additional FAQs.

What size should page banners be?

Quick answers:

Hompage banner/hero images: 1620px × 732px at 72 ppi.

Secondary page banners: 816px x 289px at 72 ppi.

Homepage banners/hero images

All updates to hompage banners and hero images must be requested by web services.

Request an update to your hompage banner.

Secondary page banners

Every page on the Messiah University website, by default, will use the “secondary default” page template unless otherwise updated.

Page banners are not required for pages using the secondary default template. In fact, lower level pages are recommended focus on content and not images. That said, content managers do have the ability to add page banners and may do so using the image size provided above.

Best practices for images on mobile devices

Do resize your images appropriately.
Do use a widget or supplement to add images to your pages.
Do add your image to the approriate category.
Do name your image file before you upload it, like "students in the library" vs. "img987397_178."
Don't add images to the first paragraph if you page has a banner.
Don't add images added to the middle of a sentence.
Don't use too many images.

What size should images be for the Image Hover Widget?

The appropriate image size to use the image hover widget is: 400px x 285px

The Image Hover Widget can be used to to create a fun, visual link for site visitors.

Here is an example of the Image Hover Widget in action.

Images must be sized correctly for this widget to work.

Photo gallery image size

Please use the following sizes when you upload images to a photo gallery:

Horizontal images: 1200px x 799px
Vertical images: 799px x 1200px

View a sample photo gallery.

Sub-site slider

Please use the two image sizes below when creating images for the slider:

Desktop and tablet size: 813px by 300px

Mobile: 245px by 165px

The use of the sub-site slider widget requires creating and uploading both of these image sizes to function properly.

What size should images be for the news module?

Featured image: 700px x 348px at 72ppi and no larger than 50kb

Article body images: 1200px wide (various heights are fine) at 72ppi