Suggested Image Sizes

Suggested sizes for images as they appear on our demo site.

Note: Depending on the content layout and length, the best-looking size may be different for your site.


Pixel sizes for images in columns are based on how they appear on mobile and will likely not show at that full size on desktop.

Caution: Using an image of a smaller width size may cause blurriness on retina devices.


Type Pixel Size Aspect Ratio
Background Hero 1920 x 480 4:1
Icons 30 x 30 1:1
2 Column Section 700 x 465 3:2
Image Grid 700 x 465 3:2
Thumbnail Slider 750 x 450 5:3
Resource Thumbnail 700 x 465 3:2
Team Member Thumbnail 400 x 400 1:1
Blog Post Featured Image 600 x 400 3:2