Images
Please optimize images for the web.
1. Use the correct pixel dimensions, documented below.
2. Use Squoosh to resize and optimize your images.
Here's a video demonstrating how to use "Squoosh" with an image for BC News & Notes.
Carousel: One Column
Pixel Dimensions
1280 (width) x 800 (height)
Target File size
a maximum size of 300k
Carousel: Two Column
Pixel Dimensions
500 (width) x 333 (height)
Target File size
a maximum size of 150k
Carousel: Three Column
Pixel Dimensions
366 (width) x 228 (height)
Target File size
a maximum size of 50k
BC Discernment: Small Image
Pixel Dimensions
150 (width) x 150 (height)
Target File size
a maximum size of 30k
BC Discernment: Alumni Spotlight
Pixel Dimensions
366 (width) x preferred width
Target File size
a maximum size of 50k
BC Image Gallery
Pixel Dimensions
1140 (width) x 640 (height)
Target File size
a maximum size of 200k
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
BC News & Notes
Pixel Dimensions
356 (wide) x desired height
Target File size
a maximum size of 50k
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 Voices Item
Pixel Dimensions
240 (wide) x 240 (height)
Target File size
a maximum size of 50k
BC Voices: Alternative second image
Pixel Dimensions
382 (wide) x desired height
Target File size
a maximum size of 50k
Faculty Profile Image & BC Person Images
Pixel Dimensions
350 (wide) x 418 (height)
Target File size
a maximum size of 50k
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
Medium hero
Pixel Dimensions
1500 (width) x 629 (height)
Target File size
a maximum size of 200k
Small hero
Pixel Dimensions
1500 (width) x 342 (height)
Target File size
a maximum size of 100k
BC News Channel & landing image:
Pixel Dimensions
1030 (width) x 629 (height)
Target File size
a maximum size of 100k
BC News Article: Image in article with wrapped text
Pixel Dimensions
600 (width) x desired height
Target File size
a maximum size of 150k
BC News Article: Full Width Image in Article
Pixel Dimensions
1100 (width) x desired height
Target File size
a maximum size of 200k
BC News Detail
Pixel Dimensions
800 (width) x 534 (height)
Target File size
a maximum size of 200k
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
