Add wikilink syntax to control width of pictures in markdown preview

[sahil48]

Is your feature request related to a problem? Please describe.

On really large monitors, the pictures added using ![[picture.png]] syntax take up the full width. The pictures are too large and make it difficult to read the document.

The extension below offers a solution by appending =##x syntax . However, this syntax does not work with wiki link syntax

https://marketplace.visualstudio.com/items?itemName=bierner.markdown-image-size

Describe the solution you'd like

Support Obsidian syntax for adjusting width of embedded images

https://help.obsidian.md/Linking+notes+and+files/Embed+files#Embed+an+image+in+a+note

Describe alternatives you've considered

Tried to use the  syntax. Disadvantage is that foam does not renaming relative paths when a file is renamed, only the wikilinks. It would also be good for foam to auto-update relative paths to files in addition to the wikilinks. I can set up a separate issue for this if this would be of interest.

Screenshots or Videos

All needed pictures were added in the description.

[riccardoferretti]

Thanks for reporting this, I agree with the idea and the approach

[aflip]

How can this be fixed? Interested in submitting PR, but do not know exactly how to find the place that implements this and what changes are needed

[riccardoferretti]

Thanks for taking a look @aflip - I would start by looking at how images are embedded in the preview, see https://github.com/foambubble/foam/blob/db7eb9775f0a94e99ea73e17b64e1360a831e99e/packages/foam-vscode/src/features/preview/wikilink-embed.ts