Photo Size Tips for your Best Look

Files we like: JPEG (and PNG)

Most photo editing software saves images for the web as either JPEG, or PNG. It’s best to Optimize all your images at the same time so they are all the same size, and quality. Poor, small, or low resolution images will not make your page look good. If your images are too large, they will not upload, and will also cause your page to be very slow.

DIMENSIONS – BEST SETTINGS

Here are our Suggested settings for size for your photos:

For Horizontal Images:
Horizontal images are the Preferred Layout and display better on all pages, but you may use other image layouts below.
Make the image 1500 pixels wide x 1000 pixels high (at a resolution of 72 DPI). Save quality between 50 and 80, to try to produce an image that is between 100k and 350k. More about Optimizing and file sizes further below.

Best-horizontalnote:  graphic is drastically scaled down to show it all

Download a Photoshop template: 1500w x 1000w PSD

For Vertical Images:
Make the image between 1000 pixels wide  x 1500 pixels high (at a resolution of 72 DPI). Save quality between 50 and 80, to try to produce an image that is between 100k and 350k. More about Optimizing and file sizes further below. Note that image thumbnails will appear cropped on other pages that have a link to your page.

Best-verticalnote:  graphic is drastically scaled down to show it all

Download a Photoshop template: 1000w x 1500w PSD

For Square Images:
You can set all your photos to be Square in proportion, and they will still show up fine in your page. We recommend a 1200 x 1200 image size when setting up square photos for use in your gallery. Note that image thumbnails will appear cropped on other pages that have a link to your page.

Optimizing: Total File size in KB (Kilobytes):

Quality Settings for exporting and saving your photos from a photo editing software like Photoshop should be between Quality 50(%) to 80(%) for export quality settings in Photoshop for instance.

If your file size after export (the “weight”) of your image file is more than 500k it is too large. You should try to get a file size of between 100k to 350k.

JPEG-high
note:  Photoshop settings will differ depending on image and quality you wish

 

GoodSize

 

TooBig

These images are too large because their dimensions are HUGE! They are 4000 pixels wide!

More on Photos and Optimizing Images for Websites

If you have further questions about preparing your image sizes, please check out these resources that are also very helpful:

Very useful video showing how to get an image to 100k when saving from Photoshop CS6 (though he uses more compression than we recommend):


ImagePrep-VideoClick to View on YouTube 

 

If you do not have Photoshop?

This next video demonstrates editing and saving a photo using a free tool called GIMP which is available from GIMP.org – though this video is old, and the size she is creating is smaller that we prefer, it is still useful to explain the principle, and show where to access the right tools within the free GIMP application:

GIMP-ImagePrep-Video
Click to view on YouTube

Free Online Photo Editors

Check out Picmonkey.com for easy photo resizing:
picmonkey-logo
Watch a Step-by-step Video showing how to use Pickmoney.com to create a photo that is resized to our recommended sizing (1500x1000) for use in your gallery:

HowToVideoClick to watch a short How-to-Video