Reference List for Common Image Sizes

Home

Homepage Slider Required

1400 x 660

https://htst.wpengine.com/wp-content/uploads/homepage_feature_banner1.jpg

(shown below smaller than actual size)

Market Photos Required

570×570

These are the stock photo rollover images.

Note: the green background behind the projects is comprised of a linear gradient in the stylesheet and this transparent png file.

/wp-content/themes/enfold-child/images/bg-post-slider.png

 

About/Contact

Leadership Photos Required

260 x 260
Use provided PSD template to save images with the blue background and circle cropping effect. 

If no photo exists for the person, the system will automatically insert this as a placeholder:
https://htst.wpengine.com/wp-content/themes/enfold-child/images/ico-avatar.png

Office Photos Required

263 x 190

 

News/Events

Featured Photo Optional

This is the “featured image” in the sidebar. When you use this feature, it will add the image above the headline and put a visual thumbnail on the listing page.

848 x 500 (suggested size for feature image, which is a fixed width but variable height; this is auto-cropped to a thumbnail for the listing page)

Images within the body area can be any size you want.

 

Products/Systems

Manufacturer Logos Required 200 x 90 (fixed W & H)
Use provided PSD template for new logos: htst023_manufacturer_logos_1026
Manufacturer Banners Required

No image needed. However, we have created a library of color backgrounds that you can apply to customize the manufacturer page.

Manufacturer header background colors:

  • Dark green: #046941
  • Green: #48aa43
  • Light green: #6eb727
  • Dark blue: #014b8c
  • Blue: #007cc4
  • Light blue: #01a0e4
  • Blue/purple: #032164
  • Dark purple: #000072
  • Purple: #421e80
  • Light purple: #7d83bf
  • Maroon: #7c1725
  • Dark red: #930809
  • Red: #e4303c
  • Light red: #ff0000
  • Dark orange: #f16522
  • Orange: #ee7620
  • Light Orange: #fbb018
  • Black: #000000
 Product Detail  Required

460 x 330 (fixed W & H because of thumbnail image resizing)

 Product Thumbnail N/A  130 height (auto resized from detail image; no additional thumbnail image is needed)
 System Detail  Required 460 x 330 (fixed W & H because of thumbnail image resizing) 
Note, these are used on pages like this: https://htst.wpengine.com/hts-system/air-cooled-chillers/ and for the “associated systems” at the bottom of products.
System Thumbnail  N/A   130 height (auto resized from detail image; no additional thumbnail image is needed)

Note: the green background behind the projects is comprised of a linear gradient in the stylesheet and this transparent png file.

/wp-content/themes/enfold-child/images/bg-post-slider.png

 

Projects

Project Banner Required

Preferred size: 1400 x 813 (if you’d like to use the same banner image for the thumbnail too; system will resize and crop dynamically) Alternate size: 1400 x 520 (if you want to control the exact crop and display of the project AND also select a separate thumbnail)

To locate these in the media library, do a search for “full_1400x813”

If no photo exists for the project, the system will automatically insert this as a placeholder: https://htst.wpengine.com/wp-content/themes/enfold-child/images/hts_casestudy_placeholder480x278.png 

(shown below smaller than actual size; actual size is 1400 x 813)

Project Thumbnail Optional

482 x 280

 

Services

Static Page Services Blue Icon Library Required

120 x 120 (these are the blue circle icons)
https://htst.wpengine.com/?page_id=20982&preview=true

blue_icon_video blue_icon_leed blue_icon_info blue_icon_icon-1 blue_icon_unit blue_icon_manual blue_icon_man blue_icon_icon-3 blue_icon_icon-2 blue_icon_location blue_icon_design blue_icon_chat blue_icon_award blue_icon_presentation blue_icon_document blue_icon_data

Static Page Services White Icon Library  Required

 200 x 200 (these are the whites icons used in the green blocks)
https://htst.wpengine.com/?page_id=21315&preview=true

icon_white_presentation icon_white_man icon_white_gears icon_white_data icon_white_chat icon_white_barbeque icon_white_manual icon_white_leed icon_white_document icon_white_awards icon_white_video icon_white_event

Static Page Half-width Green blocks Required

737 x 630
https://htst.wpengine.com/?page_id=20980&preview=true

To locate these in the media library, do a search for “half_737x630”

Static Page Half-width Photo Features  Required

737 x 895
https://htst.wpengine.com/?page_id=20984&preview=true

To locate these in the media library, do a search for “half_737x895”

Static Page Full-width Photo callout Required

1400 x 520
https://htst.wpengine.com/?page_id=20962&preview=true

To locate these in the media library, do a search for “full_1400x520”