How to Size Images

author Support Team on June 25, 2019





Properly sizing your images for your website will help them display clearly and reduce the amount of time they take to load on a page. To size your images, follow this sizing chart:

Minimum Width

Maximum Width

Banner Image

1500px

2000px

Blog/Event Header

800px

1000px

Body Image

800px

1000px

Logo

300px

500px

Try to keep the file sizes of your images under 800K. The larger the file size, the longer they take to load on a page. To reduce the file size, follow these tips:

  • Compress your images using online services such as tinypng.com or compressjpeg.com.
  • Save your images for web in Photoshop.

    Go to: File > Export > Save for Web

    Photoshop settings: Export and Save for Web

    Change the Quality to 80 (Very High)

    Photoshop image quality settings

Categories: Support

Sign Up for Our Newsletter