CMS Template Image Sizes

This page gives site editors a comprehensive guide to all image sizes inside our CMS templates. As you begin sizing and uploading images into your site please keep in mind:

  • Each image size is measured in pixels (px) width x height.
  • Regardless of image size, be sure to always keep aspect ratios in tact.
  • Uploaded images should be 72 dpi for optimal web resolution.
  • All image sizes are preset by name in the photo database to allow for fast and easy sizing.
  • Each image size can also be found in the red helper text of the snippet, component or property. 

Images in site contact information

Every CMS site has site-level contact information located at the bottom of the pages. This can be either the same contact information across your entire site, or custom contact information applied to individual pages. The contact section on all sites have a pre-loaded logo image and text information about UW's R1 status from the Carnegie Classifications of Institutions in Higher Education. If you want to use your department's logo or other badge images instead, then you can change this by editing your site's contact-images.pcf file located inside your site's _files/_includes folder. 

If you wish to use your department's logo, then please use only an approved version of the UW logos.

To change the contact information image:

  • Use .png format for image/badge files.
  • Follow the helper text image size inside the Contact Images & Info component. The recommended image size is 75 x 92 px.
  • Images cannot be linked due to accessibility limitations.
  • Multiple images can be added. We recommend no more than three (3) for optimal display on mobile devices.

Image sizes for standard use templates

Each listing below is organized by Page Template with details about which snippets use images for each Page Template, the image sizes required for those snippets, and the Canto Image Database preset download name.

a laptop computer with a UW web page on the screen

In the page Properties>Parameters:

  • Intro Content display variation Banner Image
    • Photo Database name Download Preset: CMS Template - Intro Section Two Col w/ Image Variation Banner
      • 1262 x 966

 

In Main Content #2 and Main Content #5:

  • Snippet name: Two Column Text and Image/Video
    • Photo Database name Download Preset: CMS Template - Two Column Text & Image
      • 1606 x 1042

 

In Main Content #3 (optional images for 2 or 3 column variations):

  • Snippet name: Two Column Text - Optional Column Images (as the container for the Snippet name: Column Text - Column Image, Heading and Text)
    • Photo Database name Download Preset: CMS Template - Two Column Highlight Image
      • 1600 x 900
  • Snippet name: Three Column Text - Optional Column Images (as the container for the Snippet name: Column Text - Column Image, Heading and Text)
    • Photo Database name Download Preset: CMS Template - Three Column Highlight Image
      • 1200 x 675

 

In Main Content #4:

  • Snippet name: Info Carousel
    • Photo Database name Download Preset: CMS Template - Info Carousel
      • 812 x 558

 

In Main Content #7:

  • Snippet name: Flip Squares (Individual Flip Square)
    • Photo Database name Download Preset: CMS Template - Flip Square
      • 680 x 676
  • Snippet name: Flip Square (Photo Bumper)
    • Photo Database name Download Preset: CMS Template - Flip Square Photo Bumper
      • 1474 x 716

 

View Premium Page Template

In the page Properties>Parameters:

  • Intro Content display variation Banner Image
    • Photo Database name Download Preset: CMS Template - Intro Section Two Col w/ Image Variation Banner
      • 1262 x 966

 

In Main Content #1:

  • Snippet name: Two-Column Text and Slider
    • Photo Database name Download Preset: CMS Template - Two Column Text & Image Slider
      • 1570 x 1100

 

In Main Content #3:

  • Snippet name: Two Column Text and Image/Video
    • Photo Database name Download Preset: CMS Template - Two Column Text & Image
      • 1606 x 1042

 

View Simple Page 1 Template

In the page Properties>Parameters:

  • Intro Content display variation Banner Image
    • Photo Database name Download Preset: CMS Template - Intro Section Two Col w/ Image Variation Banner
      • 1262 x 966

 

In Main Content #2:

  • Snippet name: Two Column Text and Image/Video
    • Photo Database name Download Preset: CMS Template - Two Column Text & Image
      • 1606 x 1042

 

View Simple Page 2 Template

In the page Properties>Parameters:

  • Intro Content display variation Banner Image
    • Photo Database name Download Preset: CMS Template - Intro Section Two Col w/ Image Variation Banner
      • 1262 x 966

 

In Main Content #2:

  • Snippet name: Two Column Text - Optional Column Images (as the container for the Snippet name: Column Text - Column Image, Heading and Text)
    • Photo Database name Download Preset: CMS Template - Two Column Highlight Image
      • 1600 x 900

 

In Main Content #3:

  • Snippet name: Three Column Text - Optional Column Images (as the container for the Snippet name: Column Text - Column Image, Heading and Text)
    • Photo Database name Download Preset: CMS Template - Three Column Highlight Image
      • 1200 x 675

 

In Main Content #4:

  • Snippet name: Accordion
    • Photo Database name Download Preset: CMS Template - Accordion Image
      • 543 x 543

 

View Simple Page 3 Template

In the page Properties>Parameters:

  • Intro Content display variation Banner Image
    • Photo Database name Download Preset: CMS Template - Landing Page Banner Image
      • 1262 x 966

 

View Landing Page Template

In the page Properties>Parameters:

  • Intro Content display variation Banner Image
    • Photo Database name Download Preset: CMS Template - Intro Section Two Col w/ Image Variation Banner
      • 1262 x 966

 

In Main Content #1:

  • Snippet name: Form with Photo
    • Photo Database name Download Preset: CMS Template - Form Side Image
      • 1162 x 1312

 

View Form Page Template

Image sizes for XML Feed templates

Each listing below is organized by Page Template with details about which snippets use images for each Page Template, the image sizes required for those snippets, and the Canto Image Database preset download name.

a laptop computer with a UW web page on the screen

In the page MultiEdit:

  • Featured Image
    • Photo Database name Download Preset: CMS Template - Blog Article Featured Image
      • 762 x 485

 

In the Article Content:

  • Snippet name: Centered Image Slider
    • Photo Database name Download Preset: CMS Template - Centered Image Slider
      • 1570 x 1100

 

View Blog Article Page Template

This page template does not use any insertable snippets or components with manually added images.

 

View Blog Listing Page Template

In the Article Content:

  • Snippet name: News Article Captioned Image
    • Photo Database name Download Preset: CMS Template - News Article Captioned Image
      • 697 x 464

 

View News Article Page Template

In the page Properties>Parameters:

  • Featured Image
    • Photo Database name Download Preset: CMS Template - News Listing Featured Story Image
      • 762 x 485

 

View News Listing Page Template

In the page MultiEdit:

  • Image
    • Photo Database name Download Preset: CMS Template - Person Biography Image
      • 472 x 689

 

View Person Biography Page Template

In the page Properties>Parameters:

  • Intro Content display variation Banner Image
    • Photo Database name Download Preset: CMS Template - Intro Section Two Col w/ Image Variation Banner
      • 1262 x 966

 

In Content # 1, 2, and 3 (optional)

  • Component name: Redesign 2025 - Person Listing with Image (only when not using Person XML)
    • Photo Database name Download Preset: CMS Template - Person Listing With Photo Component Manual Upload
      • 472 x 689

 

View Person Listing Page Template

Image sizes for Limited use templates

Each listing below is organized by Page Template with details about which snippets use images for each Page Template, the image sizes required for those snippets, and the Canto Image Database preset download name.

a laptop computer with a UW web page on the screen

In the page Properties>Parameters:

  • Banner Image
    • Photo Database name Download Preset: CMS Template - College/School Banner Image
      • 2160 x 1006

 

In Main Content #1:

  • Snippet name: Tabs
    • Photo Database name Download Preset: CMS Template - Tabs Image
      • 1000 x 610

 

In Main Content #2:

  • Snippet name: Two-Column Text and Slider
    • Photo Database name Download Preset: CMS Template - Two Column Text & Image Slider
      • 1570 x 1100

 

In Main Content #4:

  • Snippet name: List Expander
    • Photo Database name Download Preset: CMS Template - List Expander Image
      • 1788 x 1148

 

In Main Content #5:

  • Snippet name: Two Column Text and Image/Video
    • Photo Database name Download Preset: CMS Template - Two Column Text & Image
      • 1606 x 1042

 

In Main Content #6:

  • Snippet name: Info Carousel
    • Photo Database name Download Preset: CMS Template - Info Carousel
      • 812 x 558

 

In Main Content #8:

  • Snippet name: Parallax
    • Photo Database name Download Preset: CMS Template - Parallax Image
      • 1366 x 575

 

In Main Content #10:

  • Snippet name: Flip Squares (Individual Flip Square)
    • Photo Database name Download Preset: CMS Template - Flip Square
      • 680 x 676
  • Snippet name: Flip Square (Photo Bumper)
    • Photo Database name Download Preset: CMS Template - Flip Square Photo Bumper
      • 1474 x 716

 

View College/School Index Page Template

In the page Properties>Parameters:

  • Banner Image
    • Photo Database name Download Preset: CMS Template - Non-Academic Main Unit Banner Image
      • 2160 x 1149

 

In Main Content #1:

  • Snippet name: Tabs
    • Photo Database name Download Preset: CMS Template - Tabs Image
      • 1000 x 610

 

In Main Content #2:

  • Snippet name: Accordion
    • Photo Database name Download Preset: CMS Template - Accordion Image
      • 543 x 543

 

In Main Content #3 and Main Content #6:

  • Snippet name: Two Column Text and Image/Video
    • Photo Database name Download Preset: CMS Template - Two Column Text & Image
      • 1606 x 1042

 

In Main Content #4:

  • Snippet name: List Expander
    • Photo Database name Download Preset: CMS Template - List Expander Image
      • 1788 x 1148

 

In Main Content #8:

  • Snippet name: Flip Squares (Individual Flip Square)
    • Photo Database name Download Preset: CMS Template - Flip Square
      • 680 x 676
  • Snippet name: Flip Square (Photo Bumper)
    • Photo Database name Download Preset: CMS Template - Flip Square Photo Bumper
      • 1474 x 716

 

In Main Content #10:

  • Snippet name: Info Carousel
    • Photo Database name Download Preset: CMS Template - Info Carousel
      • 812 x 558

 

View Non-Academic Main Unit Index Page Template

In the Intro Content Variation Template only:

  • Banner Visual Image (edit In the page Properties>Parameters)
    • Photo Database name Download Preset: CMS Template - Department Index Banner
      • 1260 x 875

 

In both templates:

In Main Content #1:

  • Snippet name: Two-Column Text and Slider
    • Photo Database name Download Preset: CMS Template - Two Column Text & Image Slider
      • 1570 x 1100

 

In Main Content #2:

  • Snippet name: List Expander
    • Photo Database name Download Preset: CMS Template - List Expander Image
      • 1788 x 1148

 

In Main Content #4 and Main Content #6:

  • Snippet name: Two Column Text and Image/Video
    • Photo Database name Download Preset: CMS Template - Two Column Text & Image
      • 1606 x 1042

 

In Main Content #5:

  • Snippet name: Info Carousel
    • Photo Database name Download Preset: CMS Template - Info Carousel
      • 812 x 558

 

In Main Content #10:

  • Snippet name: Flip Squares (Individual Flip Square)
    • Photo Database name Download Preset: CMS Template - Flip Square
      • 680 x 676
  • Snippet name: Flip Square (Photo Bumper)
    • Photo Database name Download Preset: CMS Template - Flip Square Photo Bumper
      • 1474 x 716

 

VIEW DEPARTMENT INDEX PAGE WITH INTRO CONTENT VARIATION TEMPLATE

View Department Index Page Template