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

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

Get a free trial of Morweb's intuitive school website builder.

Categories: Support








Sign Up for Our Newsletter

Book a Free Trial. Give Morweb a Spin for FREE!

Yes! Send me
my FREE demo website

Complete the form and we'll get everything set up for you.

:
 


Have a few minutes?

Try our website preview builder. It's FREE! Select a theme, add your logo, colors and more. A unique experience awaits you!

Get a free demo of Morweb nonprofit website builder and CMS software.