Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Q&A

Welcome to Codidact Meta!

Codidact Meta is the meta-discussion site for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.

Post History

71%
+3 −0
Q&A Make images easily clickable for full-size viewing

Workaround Until it's decided whether to implement an easier way to view a large version of the image (and how that should work from a user perspective), here's a way you can already make the imag...

posted 1d ago by trichoplax‭

Answer
#1: Initial revision by user avatar trichoplax‭ · 2025-06-13T10:19:20Z (1 day ago)
## Workaround
Until it's decided whether to implement an easier way to view a large version of the image (and how that should work from a user perspective), here's a way you can already make the image viewable with a single left click, to make things simpler for your readers:

Markdown allows making an image a link, so that clicking on it opens the link target.

### Markdown for a standard image
```
![Description](URL to be displayed)
```
![Black Mandelbrot set on a white background](https://upload.wikimedia.org/wikipedia/commons/e/e8/Fractal_-_Conjunto_de_Mandelbrot.PNG)

This requires the user to work out how to open the image in a new tab, and it will remain at this low resolution. Hovering over the image shows a standard mouse cursor with no hint to the user.

### Markdown for an image as a link
```
[![Description](URL to be displayed)](URL to be linked to)
```

[![Clickable black Mandelbrot set on a white background](https://upload.wikimedia.org/wikipedia/commons/e/e8/Fractal_-_Conjunto_de_Mandelbrot.PNG)](https://upload.wikimedia.org/wikipedia/commons/4/4d/Mandelbrot_2010.png)

This is a link to the image that the user can simply click on (to open in the same tab) or ctrl-click / cmd-click / middle-click (depending on their operating system and browser) to open in a new background tab. Hovering over the image shows the mouse cursor associated with a clickable link, making it easier for the user to discover this functionality. In many cases it will be worth also mentioning this explicitly (particularly as not every device can display a mouse cursor, for example touchscreens).

Notice that the two URLs do not have to be identical. You can display a low resolution image in the post, and link to a much higher resolution image to be viewed by users who choose to click on it (as has been done here - you can try clicking on it).

It isn't just the resolution that can be different. In the example in the question, just the central diagram could be displayed in the post, with the full image with surrounding context shown when clicked on (or whatever works best for your particular question).

## Image attribution
The small image used in both examples:
- <a href="https://commons.wikimedia.org/wiki/File:Fractal_-_Conjunto_de_Mandelbrot.PNG">Frederico José Andries Lopes</a>, <a href="https://creativecommons.org/licenses/by-sa/3.0">CC BY-SA 3.0</a>, via Wikimedia Commons

The large image linked to in the second example:
- <a href="https://commons.wikimedia.org/wiki/File:Mandelbrot_2010.png">Joshi1983</a>, Public domain, via Wikimedia Commons