Sizing of Images

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 field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Featured image 350x210 5:3    
Social media image 1200x650 2:1    

Event page

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Related Images 835x485 2:1    
Social Media Image 1600 x 900 (1200x675 min)
5:6    
Thumbnail Image 360x240 3:2    

News page

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Headshot Image 200x250 4:5    
Horizontal Image 720x480 3:2    
Vertical Image 480x720 2:3    
Thumbnail Image 360x240 3:2

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

People page

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Related Images 200x250 4:5

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

Program page

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Featured Image 1800x540 10:3 420x560 3:4
Card Image 420x560 4:3    
Careers & Outcomes Image 900x600 3:2    
Social Media Image 1600 x 900 (1200x675 min)
5:6    

Widgets

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

Widget type Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Full Width 1800x720 5:2    
Gold Background 900x600 3:2    
Gray Overlay 1800x720 5:2    
Image Caption Carousel 700x467 3:2    
Maroon Background 900x600 3:2    
Partial Image Background 900x600 3:2    

CMUEvent widget

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
BG Image 1800x540 10:3 420x560 3:4

College Hero widget

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Featured Image 1800x540 10:3 420x560 3:4

Hero widget

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Featured Image 1800x540 10:3 420x560 3:4

ImageCardCallout widget

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Image 600x400 3:2

ImagePullquote widget

Widget type Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Image 700x467 3:2

Interior Navigation Card widget

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Navigation Card Image 400x280 10:7

LinkCard widget

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Image 600x400 3:2

MaroonBackgroundCallout widget

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Image 1800x540 10:3 420x560 3:4

NextStepsCallout widget

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Image 1800x400 9:2    

ProofPoints widget

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Image 1800x720 5:2

StoryHoverCard widget

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Image 420x560 3:4

TabbedCallout widget

Image field Desktop dimensions Desktop aspect ratio Mobile dimensions Mobile aspect ratio
Background Image 1200x900 3:2    
Card Image 500x500 1:1    

 

Table of Contents