Embedding media (pictures, video clips, etc.) in a post

I was thinking there should be a sticky here or an FAQ, but I don’t see it, nor do I see an explanation in the documentation that is here.

If I have pictures to embed in a post - even if they’re hosted securely offsite - I get an error message claiming that I’m not allowed to embed them.

I thought maybe it was because I was a “Guest”, having let my subscription lapse decades ago, but in the very thread I wanted to post pictures, I see other Guests posting pictures.

What gives? How do I unlock this capability?

The option is disabled here. You can paste a link to an external image, but not the image itself.

If you post a URL to the image file directly, it will show a preview of that image.

I’ll be darned! I was over-thinking it. Shows you what I know.

Posting a direct link to the image works. Using the IMG tags does not because that function has been explicitly disabled!

For Imgur specifically, note that posting a link to an album produces a squashed preview of the first image in the album. A link directly to that image has a not-squashed preview. Since albums of one pic are commonplace, this merits knowing.


Vids are slightly more complicated due to a bug in Discourse. See here for more:

I’ve been guilty of this for some time now. I pledge to reform.

Just note that this is the wrong category for that. ATMB is about things like board culture and decision-making. Site Feedback is to talk about board software and how to use it.

There is a sticky over there about YouTube video uploads, and some discussion of how to imbed a photo is also talked about, but it’s probably not a bad idea to have a how-to for pictures as its own sticky. It seems like a lot of posters struggle, mostly because they don’t know how to get the address of a picture instead of the web page a picture is posted to.

Moved to Site Feedback (from ATMB).

Thanks, engineer_comp_geek.

Yes, the solution is to simply paste the URL for the picture itself into the post. The preview window will show you what this will look like.

The tricky thing is that using the IMG tags also makes the image show up correctly in the preview; it’s not until you try to post that you get the error.

With blank lines above (unless the URL is the first line of the post) and below (unless the URL is the last line of the post).

Here is advice I posted in an older thread:

I usually copy an image then paste the image into my browser’s address bar. That should put the direct link to the image. Then copy that address from the address bar and paste it into Discourse on its own line with no other text with it. That’s my quick and dirty method.

Note that it’s not a 100% guaranteed method of posting a photo. Sometimes the link is gibberish (especially if it’s directly from a Google search result) or it doesn’t end in an extension that Discourse recognizes as belonging to an image. But it works most of the time. Some images just don’t seem to work so I find something else.

That’s not needed. But putting the extra blank lines in will always work and as long as you’re happy with the vertical spacing that results, it’s no harm.

No extra blank lines between line1

and line 2.

What I did do is make sure there was a hard [Enter] at the end of line 1, so there’s no confusion between line 1 ending, versus line 1 just happening to word wrap immediately ahead of the url. And a hard [Enter] after the url so the “and line 2” starts a fresh line for sure.

I put my pictures on Imgur. I generate a link, then copy the link into my reply here, but the picture is squished. How do I un squish?

Copy the image link. \https://i.imgur.com/ucohccM.jpeg the part with a filename that ends in an image extension, usually. You copied a link to the folder/album.

Open the imgur album. Long-press or otherwise summon the context menu on the image within the album. Choose the menu option that reads “copy image location” and your clipboard should get a URL than ends in a valid image type (“.jpeg” in your case).

You can also use an option in that menu to open the image by itself (without the Imgur framing gewgaws) in a new tab and copy its URL out of the tab’s address bar.

Paste that URL and Discourse will one-box it correctly.

Nope, there is no option to copy image location. I can copy a link, but that results in a squished picture. There also is no option to open an image by itself in a new tab. I’m trying to do this with the app off an iPad. Maybe that’s the problem.

Imgur sucks so I moved to Imgbb which actually works!

Right-click on the picture, select “Open image in new tab”, then copy the URL from said new tab.

Not on a mobile device.

Imgur

It works fine on my mobile device.