If the images are hosted on the Stack Exchange imgur.com account (which most are), you can add a h
, l
, m
, t
, b
or s
to the filename in the URL (before the extension) to get resized versions.
For that post, for example, you can use https://i.sstatic.net/a9LCgl.jpg
instead of https://i.sstatic.net/a9LCg.jpg
to get a more manageable size screenshot.
If needed, you can always link to the full-size screenshot too; transform:
![enter image description here][1]
[1]: https://i.sstatic.net/a9LCg.jpg
to
[![enter image description here][1]][2]
[1]: https://i.sstatic.net/a9LCgl.jpg
[2]: https://i.sstatic.net/a9LCg.jpg
and it'll link the reduced-size version to the full-size image.
I've gone ahead and used the large (m
) version for that post to reduce the size of the retina-resolution iPhone screenshots, linking each to the full-resolution version.
For completeness sake, the letters stand for:
s: small square 90×90 (forced)
b: big square 160×160 (forced)
t: small thumbnail 160×160
m: medium thumbnail 320×320
l: large thumbnail 640×640
h: huge thumbnail 1024×1024
The square options will scale the image (up as well as down) and crop to fit the size, thumbnails are only ever scaled down (smaller images are not scaled up) to fit with the square maximum dimensions.