Images

Please optimize images for the web. 

1. Use the correct pixel dimensions, documented below.

2. Most images should be saved as JPGs/JPEGs; you should use PNGs only for images that require a transparent background (some wordmarks, for example).

3. Use Squoosh to resize and optimize your images.

https://squoosh.app/

Here's a video demonstrating how to use "Squoosh" with an image for BC News & Notes. 

BC Discernment: Small Image

Pixel Dimensions

150 (width) x 150 (height)

Target File size

a maximum size of 30k

card abstract image

BC Discernment: Alumni Spotlight

Pixel Dimensions

366 (width) x preferred width

Target File size

a maximum size of 50k

alumni image

BC Image Section

Pixel Dimensions

1500 (width) x desired height

Target File size

a maximum size of 200k

BC Padded Section

Pixel Dimensions

1500 (wide) x desired height

Target File size

a maximum size of 200k

BC Faculty Publication

Pixel Dimensions

188 (wide) x 282 (height)

Target File size

a maximum size of 50k

image gallery

BC News & Notes

Pixel Dimensions

356 (wide) x desired height

Target File size

a maximum size of 50k

BC-news-notes

Dimensions:
640 x 480 (standard videos)
1030 x 629 (news items video)
1100 x 619 ( if appearing on Explore BC)
640 x 360 (panoramic videos)

bc video

BC Voices Item

Pixel Dimensions

240 (wide) x 240 (height)

Target File size

a maximum size of 50k

bc-student-voices

BC Voices: Alternative second image

Pixel Dimensions

382 (wide) x desired height

Target File size

a maximum size of 50k

bc-student-voices

Faculty Profile Image & BC Person Images

Pixel Dimensions

350 (wide) x 418 (height)

Target File size

a maximum size of 50k

faculty image

Hero images for all page templates including Core, School, and Department page tempaltes

Large Hero (including carousel)

Pixel Dimensions

1500 (width) x 825 (height)

Target File size

a maximum size of 300k

large hero

Medium hero

Pixel Dimensions

1500 (width) x 629 (height)

Target File size

a maximum size of 200k

large hero

Small hero

Pixel Dimensions

1500 (width) x 342 (height)

Target File size

a maximum size of 100k

large hero

BC News Channel & landing image:

Pixel Dimensions

1030 (width) x 629 (height)

Target File size

a maximum size of 100k

BC News Channel & landing image

BC News Article: Image in article with wrapped text

Pixel Dimensions

600 (width) x desired height

Target File size

a maximum size of 150k

half-width image

BC News Article: Full Width Image in Article

Pixel Dimensions

1100 (width) x desired height

Target File size

a maximum size of 200k

full width image

BC News Detail

Pixel Dimensions

800 (width) x 534 (height)

Target File size

a maximum size of 200k

News detail

BC News Image

Pixel Dimensions

1070 (width) x 535 (height)

The thumbnails are derived from the 1070 x 535px image and reduced in size with CSS.

Target File size

a maximum size of 200k

bc news image
bc news image

BC Callout. Edit Using Dialog