36

This question already has an answer here:

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

marked as duplicate by Cody Gray, hims056, Martijn Pieters, Lucifer, yhw42 Jul 20 '13 at 12:26

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

  • 4
    'Twould be better for you to edit the image yourself and re-upload. – ale Jul 20 '13 at 0:43
  • @MartijnPieters okay, retracted my VtC – gnat Jul 20 '13 at 8:12
34

If you are using the Stack Overflow imgur service (clicking the little icon for adding an image in the toolbar), you can just append a s or m at the end of the URL.

http://i.stack.imgur.com/kXY0J.jpg

demonstration image

http://i.stack.imgur.com/kXY0Jm.jpg

demonstration image

http://i.stack.imgur.com/kXY0Js.jpg

demonstration image

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

  • 3
    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
20

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}" />

Examples

Resized to 200 by 200 in <img>:

<img src="https://placehold.it/100" width="200" />

Resized to 150 by 150 in <img>:

<img src="https://placehold.it/100" width="150" />

Original image, 100 by 100 pixels.

![](https://placehold.it/100)

Resized to 50 by 50 in <img>:

<img src="https://placehold.it/100" width="50" />

Resized to 25 by 25 in <img>:

<img src="https://placehold.it/100" width="25" />

Resized to 10 by 10 in <img>:

<img src="https://placehold.it/100" width="10" />
0

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 .