The picture I uploaded is too large... Is there a way to limit the size (width & height)?

  • 4
    'Twould be better for you to edit the image yourself and re-upload.
    – ale
    Jul 20 '13 at 0:43

If you are using the native Stack Overflow imgur service (eg. clicking the little icon for adding an image in the toolbar), you can just append an s or m or l (for small/medium/large) at the end of the URL, before the file extension.


demonstration image


demonstration image


demonstration image

You could link to the full-size image if you want, too.

  • 5
    Yup. This. And you should be using the provided image hosting anyway, since that helps to keep down image rot.
    – Cody Gray
    Jul 20 '13 at 9:02
  • Even adding l for "large" is actually useful to save bandwidth: i.stack.imgur.com/8IlR6.jpg vs i.stack.imgur.com/8IlR6l.jpg Thinking about it, maybe Stack Exchange should do that by default.
    – Arjan
    Jul 20 '13 at 9:13
  • @Arjan Then if we wanted to post a giant picture of a unicorn, how would we do it? We'd need a new h suffix for "huge".
    – Cody Gray
    Jul 20 '13 at 9:34
  • Or remove the l, @Cody, if you'd know how the image insert works. Alternatively, Stack Exchange could post-process the pre-cooked HTML, to only add the l on the regular site, but I guess that's a no go. (In the regular site, the posts are limited to 660px, and imgur's "large" is 640px. So, we're 20px short if Stack Exchange would always add the l for the regular site only. But again: that needs post-processing of the cached HTML. On mobile, there's only max-width: 90% for images, so indeed image width could exceed imgur's 640px.)
    – Arjan
    Jul 20 '13 at 9:47
  • It didn't work for me while I was creating the question. But after posting the question, I could edit and the feature worked fine.
    – neves
    May 14 '21 at 21:08

You can use <img> tag to place the image and control its size:

<img src="{link to image}" width="{width}" height="{height}" />

Optionally, you can also leave out either height or width (but not both) to proportionally set the other value.

<img src="{link to image}" width="{width}" />


Resized to 200 by 200 in <img>:

<img src="https://via.placeholder.com/100" width="200" />

Resized to 150 by 150 in <img>:

<img src="https://via.placeholder.com/100" width="150" />

Original image, 100 by 100 pixels.


Resized to 50 by 50 in <img>:

<img src="https://via.placeholder.com/100" width="50" />

Resized to 25 by 25 in <img>:

<img src="https://via.placeholder.com/100" width="25" />

Resized to 10 by 10 in <img>:

<img src="https://via.placeholder.com/100" width="10" />

At the moment picture resize feature is not available. You have to do it manually by local software.

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