Live Preview: Support clickable images in standard markdown links

Obsidian Live preview currently doesn’t support having clickable images in standard markdown links. With various degree of failure.

Minimum Reproducible Example:

[![[cat.webp|40]]](cat.md)

[![[cat.webp|40]]](http://google.com)

[![40](cat.webp)](cat.md)

[![40](cat.webp)](http://google.com)

Live preview result:
Obsidian_t5h5vRJwFH

Note that Obsidian’s [[wikilinks]] do not support image as links at all.

3 Likes

Use case or problem

When you want Live Preview to allow clickable image links.

Proposed solution

Currently in Preview mode you can use the syntax [![[image.png]]](https://site.com) to allow an embedded image to be clicked and open up the corresponding website. However, in Live Preview Mode, it currently does not work. That would be quite cool if it did.

Live Preview Mode:

Preview Mode:
image

Source Mode:


Live Preview:

Preview:

Source:

I hope this doesn’t muddy the waters of what I am getting at. I don’t think it will. Also, I totally understand that this is likely not recommended usage that I am showing here.

Anyways, Thanks again! Obsidian is the best!

8 Likes