How do you insert an image like this in comments? I can only get the link to the image to show up. Thanks.
For me it’s the 5th button above the typing field for a reply/comment (bold/italic/link/emoji/“upload image”). There is also the syntax format you can manually do which you can find in the formatting help link. an ! with [] then (url) no spaces (hard to show without the format wanting to change it).
edit: I believe the proper use of “upload image” is if you want to share an image from your device which it uploads onto the lemmy server space, using the url to link to another website also works but there is always the problem of size/format of the image and if that link becomes broken your image won’t show.
When you post it the image should show up, even if it just looks like a link when typing the comment
In markdown, there is the notation []() for links. Reddit allowed it too for examples, and generally a lot of programs and platforms that have mild text formatting use markdown.
[some text](https://example.org/some-link) will turn into some text
Lemmy has basically extended this with ![]() which shows the content of the link
![some text](https://upload.wikimedia.org/wikipedia/commons/7/70/Example.png) will turn into
Where did that “some text” go? It’s basically the placeholder for when the image is loading or failed to load, the correct term is the alt-text.
The image @Branch_Ranch@lemmy.world was asking about uses the text
![](https://ttrpg.network/pictrs/image/396cb01b-6b2b-4351-9cd5-0742c2914719.png)
It has no alt text. Any frontent that has an image upload button or similar will upload the image somewhere, take the link, and put it into your post like this.
I hope your frontend renders code-blocks and escapes with backslash (\) correctly, else this may look weird to you.