Carnegie Mellon University

CMS Demo Site

Resource for v5 Design

Web Images

Web images should have a resolution of 72dpi. Use JPG for photos and PNG for graphics. GIF and SVG are also acceptable image formats. To improve load time and cut bandwidth consumption for visitors to your website, compress all images. We recommend using compressjpeg.com and compresspng.com.

Below are the recommended dimensions for the various page elements in the format of width x height. Please note, filenames should not contain spaces.

Default Social Media Thumbnail (sitewide)
900x600 recommended, 200x200 min

Hero
Hi-res image: 1400x700
Mobile image: 900x600

Social Media Thumbnail (page)
900x600 recommended, 200x200 min

Slideshow
700w recommended; all images must be the same dimensions

Photo Grid
500w recommended, 300w min; all photos must be the same dimensions

Bio Person Image
800x800

Bio Social Media Images
900x600 recommended

News Article Syndication Image
900x600

News Article Social Media Images
900x600 recommended