When uploading an image, the markdown inserted should be changed from

![alt text][1]


<a href="https://i.sstatic.net/vwxyz.png">![alt text][1]</a>

This will be most helpful when images are wider than 630px, allowing the viewer to remove the distortion inherent in scaled images.


3 Answers 3


While it would be nice if it was done automatically, it's easy to link the image to itself:


Some thoughts if this gets implemented:

  • For the data dumps, maybe rewriting the images needs to be done when generating the HTML, not in the Markdown code itself? (Just like when rendering bare URLs into clickable links with a full title, or when using [tag:tag-name].)

  • Some users very nicely link cropped images to full versions, or link images to web pages. It would be nice if that is still possible. (So, automatic linking should be smart to detect that.)

  • Maybe the (bottom) link border can be removed/changed in the CSS?

  • Maybe large images can be shown in a smaller size right away? Like if the height exceeds some limit, then set it:

    <a href="https://i.sstatic.net/xx.png">
        <img src="https://i.sstatic.net/xx.png" 
        height="100" alt="alt text" title="Click to enlarge"></a>

    Image upload dialog

    Or better yet: truly resize the image, as requested in Embed smaller version of images from imgur.com to reduce traffic.

  • Maybe the alt text and optional title can be prompted for as well? Too many images simply have the default "alt text", which is not helping the visually impaired. And sane browsers will not display the alt text in a tooltip, so asking for both alt text and optional title might be nice?

    [![alt text](https://i.sstatic.net/xx.png)](https://i.sstatic.net/xx.png "Title")

    In the alternative syntax, using the very same [x] reference twice, is currently automatically changed into two different [x] and [y] references when adding a new link or image using the toolbar. Hence when really changing the Markdown text source (rather than when generating the HTML, which I'd vote for), then I guess two references need to be inserted when using the alternative syntax:

    [![alt text][1]][2]
    [1]: https://i.sstatic.net/xx.png "Title"
    [2]: https://i.sstatic.net/xx.png "Title"

This has been implemented (a long, long time ago). The old editor does this:

enter image description here

while the new Stacks editor does it more like the top-voted answer:

enter image description here

Both options offer the ability to view images full-screen.

  • Also, if you want to edit the size of the image embedded in the post (using Imgur's built-in resizing options) while still linking to the full-size image, you can do so by editing the first URL – e.g. [![I added the letter m to this URL ->](https://i.sstatic.net/0cV4jm.png)](https://i.sstatic.net/0cV4j.png). (This is slightly more inconvenient to do when using "footnote-style" link formatting, which is the old editor's default link formatting style.)
    – V2Blast
    Commented Mar 8, 2023 at 22:33

You must log in to answer this question.

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