How to Size Images

Murad Bushnaq
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

700-1100px

1000-1800px

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:

Paint

1. Click 'Resize'

Resize image in Paint

2. Select 'Pixels'

3. Resize the width (horizontal)

Resize image width

4. Save your image using best practices for naming images

Photoshop

1. Select Image > Image Size

2. Resize the width

Resize image width

3. Select Image > Canvas Size

4. Resize the height

Resize height

5. Select File > Export > Save for Web

Photoshop settings: Export and Save for Web

6. Change the Quality to 80 (Very High)

Photoshop image quality settings

7. Click 'Save'

8. Name your image using these best practices

Swtich to Morweb

Request a demo

Morweb provides the right mix of strategy, design, non-technical software, and customer support to manage and grow not just a website, but an engaging online presence.