Images

Image Sizes in pixels (double these values for higher resolution)

• Hero Slider - 555 x 395 with text on the left

• Hero Slide Wide Setting - 1035 x 405

• Hero Slide Mobile - 330 x 395

• Hero Cards - 347 x 184

• Promotion Cards - 656 x 388

• Used Equipment - 4:3 ratio but resize them to be no larger than about 1400 pixels wide (which would be 1,050px tall) so they don't take too long to load.

• Featured Blog - 555 x 395

• Standard Card - 540 x 303

• Staff Images - 125 x 125

• Location Images - 728 x 422

• Featured Promotion Image - 539 x 387

• Showroom Hero Image - 888 x 418

• Logo Lockup - 440 x 110

• Banner Width for images - 1110 width height is not a determining factor

• Social Sharing Images - 1200 x 630 industry standard

If the image has text leave some margin around the edges so that the text won't be cut off.

Double Image Values to optimize for Retina Screens

Quick & Easy Image Optimization for Site Speed

The Method for Sizing Images

Consistent sizing of images is absolutely crucial to a solid layout. It will never look right if the images are carelessly sized. Use this method to get your images right every time.

Image Libraries