this post was submitted on 16 May 2024
1267 points (99.7% liked)

memes

10163 readers
2449 users here now

Community rules

1. Be civilNo trolling, bigotry or other insulting / annoying behaviour

2. No politicsThis is non-politics community. For political memes please go to !politicalmemes@lemmy.world

3. No recent repostsCheck for reposts when posting a meme, you can only repost after 1 month

4. No botsNo bots without the express approval of the mods or the admins

5. No Spam/AdsNo advertisements or spam. This is an instance rule and the only way to live.

Sister communities

founded 1 year ago
MODERATORS
 
you are viewing a single comment's thread
view the rest of the comments
[–] Branch_Ranch@lemmy.world 13 points 5 months ago (5 children)

How do you insert an image like this in comments? I can only get the link to the image to show up. Thanks.

[–] eerongal@ttrpg.network 16 points 5 months ago

![](link-to-your-image)

[–] FlickeringScreens@lemmy.world 3 points 5 months ago (1 children)

When you post it the image should show up, even if it just looks like a link when typing the comment

[–] Redjard@lemmy.dbzer0.com 14 points 5 months ago* (last edited 5 months ago) (2 children)

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 some text

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.

[–] brbposting@sh.itjust.works 2 points 5 months ago

Well explained!

If the above comment looks funky, view a copy here.

[–] FlickeringScreens@lemmy.world 1 points 5 months ago

Thank you, Good explanation

[–] ulterno@lemmy.kde.social 2 points 5 months ago

If you are on the correct website, you may have a view source button, so you can see the markdown source everyone writes to form their post.

[–] Cataphract@lemmy.ml 1 points 5 months ago* (last edited 5 months ago) (1 children)

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.

[–] Cliff@lemmy.world 4 points 5 months ago* (last edited 5 months ago)

hard to show without the format wanting to change it

Could use a code block for this:

![](URL_of_the_picture)
[–] jol@discuss.tchncs.de 1 points 5 months ago

Depends on which client/website you use.