This guide provides instructions and information about Stanford Web Services Jumpstart platform, based on Drupal 7.
We've released our new Stanford Sites on Drupal 8 (D8) platform — the new framework for Stanford Sites in 2020 and beyond. Check out our new User Guide to help you set up your website on the D8 platform.
Jumpstart sites come pre-populated with a set of standard image sizes. In case you want to crop to the exact dimensions, here are the common sizes you will need to crop to.
Note: All image dimensions are width by height.
The Stanford Banner block has 5 different size options depending on what you select under in the drop down menu View Mode
Default (by default Banner 9 Column is used), Final size: 870 x 330 pixels — Pre-upload crop size: 1740 x 660 pixels *
Banner 12 Column, Final size: 1170 x 370 pixels — Pre-upload crop size: 2340 x 740 pixels *
Banner 12 Column Tall, Final size: 1200 x 500 pixels — Pre-upload crop size: 2400 x 1000 pixels *
Banner Full Width Short, Final size: 1600 x 500 pixels — Pre-upload crop size: 3200 x 1000 pixels *
Final size: 870 x 330 pixels — Pre-upload crop size: 1740 x 660 pixels *
Final size: 270 x 100 pixels — Pre-upload crop size: 540 x 200 pixels *
The Featured image size has a variable height. For best results, use a portrait-cropped image.
Final size: 270 x any pixels — Pre-upload crop size: 540 x any pixels *
Jumpstart Plus, Jumpstart Academic, and Jumpstart Engineering services also include preset image sizes for people, news, events, publications and more!
These images are all cropped as squares. For best results on people images, center the person’s face just above the middle of the photo.
Final size: 270 x 270 pixels — Pre-upload crop size: 540 x 540 pixels *
The publications images are cropped to a portrait ratio but take a variable height. For best results, use 540 x 700 pixels.
Final size: 270 x any (350) pixels — Pre-upload crop size: 540 x any (700) pixels *
* Drupal will optimize images for you, so you do not need to optimize them for the web before uploading to Drupal. Because Drupal will downsize to the correct image dimensions, what matters is getting the correct ratio before you upload your image. To prevent images from becoming too blurry, use a larger image at the correct ratio as given in these examples.
Note: Web Services can provide Photoshop templates for common image sizes on request.