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.
|
|
|
|
+ |
| 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

|
|
430 x 344 pixels
Click image to see at 430 x 344 pixels
 |
|
700 x 560 pixels
Click image to see at 700 x 560 pixels
 |
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: |
|
430 wide by 344 high
(Etsy’s minimum width for images*) |
43 pixels |
| 500 wide by 400 high |
50 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 |
|
*Your images will be pixelated or blurry in the listing if they are smaller than 430 pixels wide.
**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:
430 wide by 344 high: 430-344=86
86÷2=43
43 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.