this post was submitted on 16 May 2024
1262 points (99.8% liked)

memes

9363 readers
1728 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 [email protected]

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
[–] [email protected] 242 points 3 months ago (1 children)
[–] [email protected] 13 points 3 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.

[–] [email protected] 16 points 3 months ago

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

[–] [email protected] 3 points 3 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

[–] [email protected] 14 points 3 months ago* (last edited 3 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 @[email protected] 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.

[–] [email protected] 2 points 3 months ago

Well explained!

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

[–] [email protected] 1 points 3 months ago

Thank you, Good explanation

[–] [email protected] 2 points 3 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.

[–] [email protected] 1 points 3 months ago

Depends on which client/website you use.

[–] [email protected] 1 points 3 months ago* (last edited 3 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.

[–] [email protected] 4 points 3 months ago* (last edited 3 months ago)

hard to show without the format wanting to change it

Could use a code block for this:

![](URL_of_the_picture)