Image Sizing and Editing
The Brandeis website features large, responsive photography. Here are all the details for making sure your images look their best.
Copyright Note: Editors should only use images for which Brandeis holds the copyright (taken by the university photographer, a staff member, etc.) or stock images that they have purchased rights to use. We recommend iStockphoto for stock photography needs. Contact the university photographer.
Image Size References
Images should be sized to the dimensions below before you upload them to the CMS. We recommend Adobe Photoshop for cropping and resizing images. This software can be acquired through LTS. Faculty and staff can download it for free for use on university-owned computers.
Images that appear at the top of your site's home page.
Single full width image: 1920 x 768 pixels
Image Carousel (side-by-side images a user can scroll through): 960 x 640 pixels
Feature Carousel (photo with text summary on side): 960 x 640 pixels
Full size image: Can vary; maximum width: 1920 pixels, maximum height: 1080 pixels
Vertical thumbnail: 300 x 400 pixels
Horizontal thumbnail: 480 x 320 pixels
Social media images are for Facebook sharing. If someone shares a link from your site to Facebook, the social media image you have selected will automatically load on Facebook. Note: Social media images are associated with a single page, not your whole site.
Social media image size: 1200 x 630 pixels
Open your photo in Photoshop. Click on the Crop tool on the vertical toolbar.
Make sure W x H is selected from the dropdown on the horizontal crop toolbar.
Enter a value for width and height in pixels (px is short for pixels). (Correct width and height for each content type can be found above.)
Drag the corner and edge handles of your photo to specify the crop boundaries. Your photo will be cropped proportionate to the width and height you have entered in the toolbar. Any part of the picture outside of the box will be deleted.
Once you are satisfied with your selection, click the checkmark on the toolbar to complete the crop.
Now that your photo is the correct pixel dimensions, you must optimize it for the web.
Optimizing an Image for the Web
In addition to saving images to exact pixel dimensions, they should also be saved — or optimized — for the web. When you optimize a photo, you are reducing the file size while preserving image quality.
Note: Actual image file sizes (in KB) will vary based on each individual photo’s complexity. For example, an image of a blue sky and clouds would be inherently smaller in file size than a photo of 10 people's smiling faces — there is simply less detail, and therefore data, in the photo.
Recommended Tools/Software for Optimizing Photos
If you are using Photoshop to resize your images, you can use its built-in tools to optimize your photo prior to uploading it to the CMS. We also recommend a web-based tool called Optimizilla.
Images must be in RGB color mode. If you upload an image and see a text error instead of the image in View/Preview, you may have uploaded an image in CMYK color mode. Please edit the color mode in Photoshop and re-upload the image.