Staff Picks

Category EHQ Best Practice   Show all

• Best Image Sizes In EHQ

  Share on Facebook Share on Twitter Share on Linkedin Email this link

  With our focus on more modern and beautiful templates such as Torquay andWhitehaven, uploading high resolution images in the right dimensions becomes critical. This guide will outline the best image sizes for all templates and is updated regularly.

  NOTE: Any image you upload should never exceed 0.5MB. The larger the file, the longer it will take to load for visitors, especially on mobile phones and slower internet connections.

  Images should always be uploaded as either JPG, GiFS or PNG files.

  Classic Template

  • Banner images should be a minimum of 1170 pixels wide and can be any height, but we recommend to do 200 pixels max.
  • Project images can be any height and a maximum of 700 pixels in width.

  Whitehaven Template

  • Big cards: 750 by 750 pixel
  • Small cards: 360 by 360 pixels in first design. There is an overlay of text which differs depending on the amount of text used. Take this into consideration when choosing your image.
    
  • Small cards: 360 by 150 pixels in this design.
    
  • The logo must be 350 pixels in width, but can be any height.
    

  Torquay Template

  • The site banner and any project banners in Torquay stretch across the entire screen. The banner is responsive which means that on large screens it will be appear higher than it does on smaller screens. The largest screens you would ever have to cater for are probably 1700 pixels wide. The majority of your visitors will visits the site on screens with 1300 pixels width and less (typical laptop). You can easily test this by manually changing the size of your browser window.
    
    Therefore, there is no one best width, however, we recommend you go with at least 1300 pixels in width. It can be any height.
    

  • Slider images must be exactly 1140 by 360 pixels. There is an overlay of 380 pixels to the right of the image that can NOT be removed. Take this into consideration when designing your slider images.
    
  • Small cards: 360 by 360 pixels in first design. There is an overlay of text which differs depending on the amount of text used. Take this into consideration when choosing your image.
    
  • Small cards: 360 by 150 pixels in this design.
    

  All Templates

  Favicon

  • Favicons are tiny. We recommend you use a png file with transparent background that is no larger than 15 by 15 pixels.

  News Feed

  • The thumbnails for your news articles need to be 200x150pixels. This is a 4:3 ratio, but for consistency and to make things easier we would stick to 200x150 always.
  • If you upload images into your forum tool, they will appear automatically as thumbnails. As long as you stick to a 4:3 ratio, your images will look acceptable.

  On mobile

  • All images are responsive and will change their size according to the screen they are looked it.
  • There is one exception to this rule. The big card in Whitehaven is NOT responsive.

  In general

  • Images that are too small and don't meet the recommendations outlined above will get stretched and therefore might look blurry.
    
  • Images that are too high for the box in which they appear will get cut at top and bottom.
    
  • Images that are too wide and too small in terms of height will get cut left and right.