11

While uploading an image to a post is there a way to specify the image dimensions?

In SE sites the images uploaded to a post are made to fit the width of the post section, but some of the images are portrait mode, like screenshots of mobile devices like the following image.

Example

The above image takes lots of vertical space. So is there a way to reduce the size by percentage or exact height and width?

NOTE: For editors please don't change the image with edited image which has reduced dimensions.

12

Use the thumbnail resizing from imgur, appending the letter here to the jpg name:

t Small Thumbnail 160x160

m Medium Thumbnail 320x320

l Large Thumbnail 640x640

h Huge Thumbnail 1024x1024

This keeps your image proportions, so if you want it smaller:

http://i.imgur.com/cyRIqGTl.jpg

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

http://i.imgur.com/cyRIqGTm.jpg

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

http://i.imgur.com/cyRIqGTt.jpg

http://i.stack.imgur.com/pWRSSt.jpg
7

Clunky, but works: Change the image markdown specification to an HTML <img> tag with the URL of the image you uploaded, and add the height property. E.g., for your image:

<img src="http://i.imgur.com/cyRIqGT.jpg" height="450" />

Which will give the following image in your case:

EDIT:

As @grgarside suggested in the comments, specifying the width instead of the height would have better effect when rendering on mobile devices. E.g.:

<img src="http://i.imgur.com/cyRIqGT.jpg" width="280" />

  • 1
    Tip: use width="value" instead of height to avoid awful stretching on mobile. The mobile CSS sets the max-width, so defining the height too stretches the image, whereas setting the width allows for scaling the image whilst retaining the aspect ratio on mobile. – grg Aug 28 '15 at 10:26
  • Thanks for the tip @grgarside! edited it in. – Mureinik Aug 28 '15 at 10:53

You must log in to answer this question.

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