Image Sizes for Framework Designs

Here are the recommended image sizes for our framework designs.

Ocean - Framework 1

Pixels
Slideshow 750 × 445
Slideshow (full width) 1140 × 445
Subpage Banners 718x210
Blog Posters 680x264
Home Full Span Image 1100 wide
Home Two Columns 488 wide
Home Three Columns 354 wide
Home Four Columns 260 wide

Forest - Framework 2

Pixels
Slideshow 1220 × 502
Subpage Banners 718x210
Blog Posters 680x264
Home Full Span Image 1092 wide
Home Two Columns 524 wide
Home Three Columns 340 wide
Home Four Columns 248 wide

Desert - Framework 3

Pixels
Slideshow 1140 × 385
Subpage Banners 704x206
Blog Posters 552x214
Home Full Span Image 980 wide
Home Two Columns 636 wide
Home Three Columns 316 wide
Home Four Columns 236 wide

Coral - Framework 4

Pixels
Slideshow 1400x680
Subpage Banners 720x210
Blog Posters 680x264
Home Full Span Image 1680 wide
Home Two Columns 710 wide
Home Three Columns 360 wide
Home Four Columns 250 wide
Home Image Beside Text 440x290

Shores - Framework 5

Pixels
Slideshow 1400x680
Subpage Banners 1400x320
Blog Posters 680x264
Home Full Span Image 1400 wide
Home Two Columns 710 wide
Home Three Columns 360 wide
Home Four Columns 250 wide
Home Image Beside Text 440x290

Alpine - Framework 6

Pixels
Slideshow 1280x640
Subpage Banners 1280x320
Blog Posters 680x264
Home Full Span Image 1400 wide
Home Two Columns 700 wide
Home Three Columns 350 wide
Home Four Columns 296 wide
Home Image Beside Text 440x290

Sky - Framework 7

Pixels
Slideshow 1420x710
Subpage Banners 1420x463 (see note below)
Blog Posters 680x264
Home Full Span Image 1400 wide
Home Two Columns 700 wide
Home Three Columns 350 wide
Home Four Columns 260 wide
Home Image Beside Text 440x290

Subpage Banner sizes on Sky are recommendations only. The size ensures that the image file size is small enough to load fast, while large enough that it can be scaled. The image will be scaled and cropped in order to appear properly across a range of device sizes.

Last Updated: Dec 12, 2022