Images & Sizing

IMAGES

We offer a photo library as a resource of university photos for tulane.edu websites. We also have photo tips to help you take your own shots.

SIZING

It is suggested that you resize photos before moving them into the CMS. We recommend the Adobe Photoshop Express, which is a free online application. It requires that you set up an account.

Optimize images for fastest download time possible.  It is suggested that standard images be saved in jpeg format and not exceed 440 pixels wide at 72 resolution.  If it takes too long to download your site, your audience might move to another site.

For section subheaders and image subheaders, height of images does not matter; the widths are definitely important so the layout doesn't break. There are categories in the gallery with images of these sizes grouped together.

Section SubHeader Category

• For a section header with a horizontal image (like on the About page):
  315 x 205 pixels
  
• For a section header with a vertical image (like on the Academics page):
  241 x 315 pixels
  

Image Strip Category

• For an image header on a page with no sidebar (like on the Contacts page):
  840 x 75 pixels
  
• For an image header on a page with a sidebar (like on the Students page):
  630 x 75 pixels
  

Photo Snippets

'Insert Snippets' option is found within the tool bar of a text element. Heights for snippets do not matter.

• photo caption (mini) – 110 pixels wide
  
• photo caption (narrow) – 220 pixels wide
  
• photo caption (wide) – 330 pixels wide
  
• photo caption (wider) – 440 pixels wide
  

You can also use the variable snippet for other sized photos.

Photo Galleries

The photo gallery is a 'Custom Element' that works best when the photos are  cropped to a square size of 350 x 350 pixels. Otherwise, the photos will appear stretched or condensed to fit into the square preview of the image.

Sidebar Image

For an image to fit in a standard sidebar, it should not exceed 190 pixels wide, which will allow margins on both sides consistent with any  text blocks.

Learn more about adding images in the online Contributors Guide.