8

I edited in some images to an old answer by bikeboy389 Are there significant differences between different zesters?. I ended up making them "m" sized although I first tried to make them "s". They are not earth-shattering images, and there are 3 of them. "S" was fine for the first one, cropped the second one in a way I could live with, and ruined the third one.

1 2 3

Is there an easy way deal with this?

| |
  • I'm a bit unclear on the "m" and "s" sizes? I thought imgur kept the uploaded size but when being displayed the maximum width is limited to about 630px but they seem a lot narrower. Doing the same thing I'd normally pick a reasonable size for the first one and then crop/resize on my PC so the others looked OK at the same image size. – PeterJ Mar 9 '15 at 12:18
  • @PeterJ in this case all of the images were of the item on Amazon. I just added "s" just before .jpg. Since that cropped the images poorly, I changed to "m.jpg" That's the only way I know how to do it. – Jolenealaska Mar 9 '15 at 22:26
9

According to the Imgur API documentation the s suffix actually means "small square" not "small thumbnail". This means the image is cropped to fit into a small square. You probably want to use the t suffix which only resizes the image.

Here's the complete documentation on suffixes:

There are 6 total thumbnails that an image can be resized to. Each one is accessable by appending a single character suffix to the end of the image id, and before the file extension. The thumbnails are:

Thumbnail Suffix  Thumbnail Name   Thumbnail Size  Keeps Image Proportions 
s                 Small Square     90x90           No 
b                 Big Square       160x160         No 
t                 Small Thumbnail  160x160         Yes 
m                 Medium Thumbnail 320x320         Yes 
l                 Large Thumbnail  640x640         Yes 
h                 Huge Thumbnail   1024x1024       Yes 

For example, the image located at http://i.imgur.com/12345.jpg has the Medium Thumbnail located at http://i.imgur.com/12345m.jpg

Here's what your second sample image looks like using the s, t and m suffixes:

Small Square Example Small Thumbnail Example Medium Thumbnail Example

If you want a different size than one of those listed above you can also use HTML directly in your post. For example if you wanted a really small thumbnail you could use this:

<img src="http://i.stack.imgur.com/vaKUB.jpg" height="20" />

To get this:

While this later method isn't as easy as just adding a suffix to the URL, it does have the advantage that people can view the full size image (as uploaded to Imgur) by right clicking on the thumbnail image.

| |

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .