Undergrads apply for free in October
Back to Main Menu

Sizing of Images

The first step in the working with images process: prep images for upload

Before uploading your photo or image to the DAM, you’ll want to make sure it’s correctly sized. You can resize and crop your photos using Adobe Photoshop. Below are the image sizes needed for specific widgets on the site. Remember that the preferred file format for images in Sitefinity is JPG.

You can also use our pre-made Adobe Express templates to quickly size your images without needing advanced software. Each required image size has its own template—just upload your image, adjust as needed and export. It’s a fast, easy option for getting the right dimensions without guesswork. If you have questions or need support, visit the Adobe Lounge in the library.

Adobe Express Templates

RESIZING IMAGES USING EXPRESS

Content type

All items listed here can be found under the Content tab.

Blogs

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Featured image350x2105:3  
Social media image1200x6502:1  

Event page

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Related Images835x4852:1  
Social Media Image1600 x 900 (1200x675 min)
5:6  
Thumbnail Image360x2403:2  

News page

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Headshot Image200x2504:5  
Horizontal Image720x4803:2  
Vertical Image480x7202:3  
Thumbnail Image360x2403:2

Social Media Image1600 x 900 (1200x675 min)5:6  

People page

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Related Images200x2504:5

Social Media Image1600 x 900 (1200x675 min)5:6  

Program page

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Featured Image1800x54010:3420x5603:4
Card Image420x5604:3  
Careers & Outcomes Image900x6003:2  
Social Media Image1600 x 900 (1200x675 min)
5:6  

Widgets

All items listed here can be found under CMU Widgets inside your specific page.

Widget typeDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Full Width1800x7205:2  
Gold Background900x6003:2  
Gray Overlay1800x7205:2  
Image Caption Carousel700x4673:2  
Maroon Background900x6003:2  
Partial Image Background900x6003:2  

CMUEvent widget

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
BG Image1800x54010:3420x5603:4

College Hero widget

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Featured Image1800x54010:3420x5603:4

Hero widget

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Featured Image1800x54010:3420x5603:4

ImageCardCallout widget

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Image600x4003:2

ImagePullquote widget

Widget typeDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Image700x4673:2

Interior Navigation Card widget

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Navigation Card Image400x28010:7

LinkCard widget

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Image600x4003:2

MaroonBackgroundCallout widget

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Image1800x54010:3420x5603:4

NextStepsCallout widget

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Image1800x4009:2  

ProofPoints widget

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Image1800x7205:2

StoryHoverCard widget

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Image420x5603:4

TabbedCallout widget

Image fieldDesktop dimensionsDesktop aspect ratioMobile dimensionsMobile aspect ratio
Background Image1200x9003:2  
Card Image500x5001:1  

 

Table of Contents