• @[email protected]
    cake
    link
    fedilink
    131 month ago

    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]
      link
      fedilink
      English
      31 month ago

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

      • Redjard
        link
        fedilink
        13
        edit-2
        1 month ago

        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]
      link
      fedilink
      English
      21 month 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]
      link
      fedilink
      2
      edit-2
      1 month ago

      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]
        link
        fedilink
        4
        edit-2
        1 month ago

        hard to show without the format wanting to change it

        Could use a code block for this:

        ![](URL_of_the_picture)