University Communications

Resources

Ideal Image Size

Our website is designed for modern widescreen computers using a 16:9 aspect ratio. The 1:1 aspect ratio is also acceptable because it is great for mobile.

We recommend using 1920x1080px images for full-width photos.

Photo: A student waving on the beach

Example of a full-width photo

We recommend 960x540px for any photos that aren't full-width.

Two columns

Photo: Student waving on the beach
Photo: Student waving on the beach

Three columns

Photo: Student waving on the beach
Photo: Student waving on the beach
Photo: Student waving on the beach

For portraits, we recommend using 540x540px.

Two columns (75/25)

Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text. Sample text.

Photo: Portrait of a student

Example of a portrait

Use Relevant Images

The most important thing to keep in mind when choosing an image to use for your event listing is to keep it appropriate for the audience and the subject of the event. It is ideal to capture the essence of the event because this will give the audience a better idea of what your event is about.

Images with People

For each department, all images that include photos of people must have signed photo releases on file in the department office. For images that include minors (children), you must have parental consent using the photo release. There are generally no exceptions to this requirement, and being a student, faculty, or staff member of CSUMB is not an automatic waiver of consent to have your image used on our website or in other communications materials.

When using a photo of people as the image for your event listing, it is recommended you use images that are not too big or too zoomed in. It is best that you select a portrait with enough clear space of at least 100px, and it is best if a person’s face is still clearly visible and centered beyond the 200px clear space.

General Photography, Visual Image Release

Correct composition

Photo: Monte Rey with margins to show how to compose a photo

Incorrect composition

Photo: Monte Rey with margins to show how not to compose a photo

Images with Logos

No event photos are allowed to include the official CSUMB logo because this duplicates the existing branding on the website’s mega menu.

Photo: A photo with margins to show how to compose and crop a photo

A minimum of 100px clear space must be provided if additional logos (e.g., sponsors, partners, or hosts) are included. It is important that you follow brand guidelines when adding someone else’s logo on the event photo. The recommended size when adding additional logos is 100px in height.

Dashboard images

Keep in mind that photos will automatically be cropped on the Dashboard. News images are cropped to 5:6, and event images are cropped to 1:1.

Photo: Monte Rey with margins to show how a photo is cropped on the Dashboard

Resources

Here are some resources to help with resizing images.

Resize images on a Mac using Preview

Resize images on a PC using Windows