Use standard MD links for images

Holy thread resurrection, Batman!

Wiki style image / attachment embedding works fine in the most of the cases, but in some not.

This works everywhere:
![[My Image.webp]]

This works in normal places, but I’m getting formatting error in tables. It treats the | symbol as column separator:
![[My Image.webp|32]]

Read the docs.

Hi @Dirty_Hairy,

In order to use a pipe inside an image inside a table, you must escape the pipe by using a backslash. So instead of ![[image|100]], you must use ![[image\|100]]. Here’s an example:

image

And the render:

image

3 Likes

This is quite LITERALLY what I was looking for, I’ve spent wayy too many hours today trying to find solutions :disappointed:

Have you searched for an existing request?

Yes.

Use case or problem

  • DevonThink supports only standard image links, e.g. ![](foo.jpg)
  • DevonThink supports clickable WikiStyle links, e. g. [[bar]]

… but I can only set every kind of link (image and non-image) to standard or everything to obsidian. I can not set them independently.

Proposed solution

There should be two settings: One for “normal”/internal links and one for image links.

Current workaround (optional)

Use standard. But then links are only clickable (in DevonThink as in Obsidian) in the (Pre)View-Mode of the file.

4 Likes

Have you searched for an existing request?

Yes. See “related feature requests”.

Use case or problem

I want to export my notes to my site, which accepts [[wikilinks]] but not ![[image_links]].

Indeed, if [[wikilinks]] are becoming more and more integrated in websites, it’s not the case for ![[image_links]].

Therefore, users may have a framework that accepts [[wikilinks]] but not [[image_links]].

Proposed solution

Unbundle the “Use Markdown links” option in the “Editor” menu.

I’d like to have separate options for wikilinks and image links.

Use Markdown links for wiki-style links : [[…]]
Use Markdown links for internal image links : ![[…]]

Current workaround (optional)

In my case, that forces me to modify image links (markdown) by hand, which is be quite cumbersome.

Related feature requests (optional)

There is :
https://forum.obsidian.md/t/autocomplete-for-links-images-using-standard-markdown-notation/ → Autocomplete images and wikilinks links as markdown links. A comment explains partially what I need, by the way.

→ Convert internal links to wikilinks

Use standard MD links for images - #4 by WhiteNoise → This is close, but does not mention the decoupling between wikilinks and image_links.

@matti told me that he asked for the same thing. Great, we can be friends now ! :smile:

21 Likes

My own Request is related to this :Setting link and image link styles independently

4 Likes

Thanks, I’ll update my request !

2 Likes

I use GitJournal. It supports wiki links, but it only supports the markdown style of image links. Please separate the link format switch from the image link format.

3 Likes

Oh I would like to bump this. The ability to retain Wikiliks for markdown files, but using Markdown links for images (especially when pasting, and putting in those %20 in spaces), would make the notes more compatible with other markdown editors as well.

5 Likes

I just discovered that the default internal links for pasted images e.g.

![[Pasted image 20201106170215.png]]

will not display in basically any external markdown editor. What is the advantage of using these style of links vs “standard” markdown format of:

![](attach/Pasted%20image%2020201106170215.png)

Anyone got a good solution for converting existing internal links to standardized format (for images only…) ?

1 Like

A similar problem - I use GitJournal and have to manually fix markdown links to notes in wiki links. Besides GitJournal, most editors on iOS/Android do not support the wiki style of image links and support the wiki style for links to notes. Easy-to-fix stuff that significantly expands the ability to use the knowledge base on mobile devices.

2 Likes

A temporary solution to the problem is to use the Wikilinks to MDLinks plugin (available in community plugins). You can use it to switch between wiki and markdown links to notes or images using a keyboard shortcut.
However, I still hope that the developers will separate the option for images and links to notes in the program without using third-party plugins.

5 Likes

Yes, much need this!

Using ![](image.png) and ![](<image name with space.png>) for normal image and other files, and using ![[Note Ref]] for internal note links.

Waiting for that!

1 Like

+1 please

1 Like

I would also like to have separate options for internal vs. external links. For internal links, Wikilinks are less verbose and nicer. For external links, Markdown links are not only more interoperable with other apps but they’re also easier to read (the text should come first, not the less important URL).

Great suggestion for interoperability. Hope to see this added soon.

Use case or problem

Obsidian ![[image-embed.png]] syntax is not consistent with markdown standards, and I like interoperability wherever I can get it. This makes it difficult to use other markdown hypertext notebook tools like LogSeq on the same directory. In the editor settings, I can replace wikilinks with markdown syntax for linking to files. However, I want to keep wikilinking to pages, and change image embeds to a more traditional ![image-embed.png](../assets/image-embed.png). I can only change them both at once.

Proposed solution

Create separate settings for toggling wikilinks/markdown links for pages and images.

1 Like

Please

Let’s not forget that it would be useful to have separate options for internal markdown links and external web links. internal markdown links should be using [[wikilinks]] syntax while external links should be using [markdown](http://syntax)