Image Cropping for Etsy

Bats from GoTo's Etsy shop

Go To Great Panes, Kathryn Maloney ©2010
This post is copyrighted–you do not have permission to repost this content elsewhere but you are welcome to link to it if you’d like to share the information.

Been wondering how to get images that look good in both the gallery and list view on Etsy?

For the perfect Etsy image you need an image with a 1.25 to 1 ratio, with the important part of your image in the center left to right, leaving .125 of the left and right sides without any necessary content.

What does that mean?

A small example–because it is easy to see the ratio in small numbers:

1.25 to 1.00 ratio:
125 pixels wide by 100 pixels high

Unnecessary content area:
12.5 pixels on each side that don’t have necessary content

What does that look like?

Here’s a blue & white image that is 125 pixels wide by 100 pixels high.

Blue & White Example
+
12.5 pixels wide white bar
100.0 pixels wide blue square
_12.5 pixels wide white bar
125.0 pixels wide

The blue square portion is 100 pixels wide by 100 pixels high, centered in the image left to right. Everything in the square will be visible in gallery or list view thumbnails.

On each side of the square is a white bar that is 12.5 pixels wide–consider that the unnecessary content area. Anything that falls into those bars won’t be seen in list view thumbnails, but will show in gallery view.

In these images the areas with the dotted lines show you what will be cut off the picture in list view:

125 x 100 pixels

125 by 100

570 x 455 pixels
(This is the new smallest image width for Etsty as of 8/2010)

Click image to see at 570 x 455 pixels
570 by 455

700 x 560 pixels

Click image to see at 700 x 560 pixels
Click for 700 by 560

Your “blue square area” will always be a square based on the height of the image, and you want the blue square centered left to right.

Examples of images with this ratio: Unnecessary content area on each side:

570 wide by 455 high
(Etsy’s minimum width for images)
57.5 pixels
600 wide by 480 high 60 pixels
700 wide by 560 high 70 pixels
800 wide by 640 high 80 pixels
900 wide by 720 high 90 pixels
1000 wide by 800 high
(Etsy’s maximum for the longest side of images is 1,000 pixels*)
100 pixels

*Very important info about over-sized images here: Google Shopping & Large Images

The sides: To find how many pixels you need to leave without important content for other image sizes, just subtract the height from the width and divide by 2:

570 wide by 455 high:
570-455=115
115÷2=57.5
57.5 pixels on each side
1000 wide by 800 high:
1000-800=200
200÷2=100
100 pixels on each side

If your images are already cropped and don’t meet the 1.25 wide to 1 high ratio, you can edit them in your photo editor to fit by adding white space around the image to create an overall image with the right dimensions with the important part in the “blue square area”. It’s only really important for the first image in a listing since that’s the one folks will see in search results.

Need more help? Join us in this forum thread (opens in a new tab/window):

http://www.etsy.com/forums_thread.php?thread_id=6489290

Go To Great Panes, Kathryn Maloney ©2010
This post is copyrighted–you do not have permission to repost this content elsewhere but you are welcome to link to it if you’d like to share the information.

5 Replies to “Image Cropping for Etsy”

  1. Nice post GoTo! I always like seeing in-depth information in a blog post.

    I have a template with the guides, to show me the ratio, so that I can see how my photos are going to be cropped while I edit them.

Leave a Reply