Link resized images to their full-size version

Question

The Facts

1. Images inside questions/answers are resized to fit within the container width.
2. Yet they are stored as is, meaning with their original resolution, for instance.

---

The Question

Why not provide some (easy-to-use) means to display images at their respective full-size?

---

An Example

Here is an image taken from this question:

---

The Current Way of Displaying an Image at Full-Size

Operations:

• right-click image;
• select browser-specific context menu entry;
• see image at full-size;
• close tab/window (if opened in new tab/window) or go back to previous page (meaning the question).

---

A Slightly Better Way

Link image to its full-size version.
Thus, one only has to click once, then hit BACKSPACE (to go back).

---

A Better Way

Use some modal overlay to display the full size-image.
One click to display, click again (on image or somewhere else) to close.

---

The Discussion

What do you think? :)

Answer 1

You can add the link manually already:

Code:

[![image][1]][1]

[1]: http://i.stack.imgur.com/CQwr9.png

Overlays are sometimes hard to use, especially on smaller screens.

Answer 2

Side note regarding embedded images: we can display thumbnail versions of an image, appending s and m to its name.

Small linked to full:

[![image][1]][2]
<sup>*click to enlarge* ⤴</sup>

[1]: http://i.stack.imgur.com/CQwr9s.png
[2]: http://i.stack.imgur.com/CQwr9.png

^{click to enlarge ⤴}

Medium linked to full:

[![image][3]][4]
<sup>*click to enlarge* ⤴</sup>

[3]: http://i.stack.imgur.com/CQwr9m.png
[4]: http://i.stack.imgur.com/CQwr9.png

^{click to enlarge ⤴}