Trying to post an image - WHY IS THIS SO HARD???

[dreamshark]

 This entry is under construction while I try to figure out (once again) how to post an image to a Dreamwidth entry without the process taking half a day. 

Okay, still can't link to images on Google Photos. How about Shutterfly? Doesn't seem to work. Okay, I'll upload the image to the Dreamwidth gallery. NOW WHAT??  The only online help I can find just says "Dreamwidth has an image hosting service." It doesn't say how you get those images to appear in an entry. 

Try uploading the image, copying the URL, opening the image icon and pasting in the URL. I don't see an image, just a placeholder icon.
Does it show up in Preview mode?  Nope. Well, let's try saving it and see what happens.  Nope. All I see is the image icon.



Can anybody help me?  Why is this so much harder than LJ???

Comments

Here's how

[mdlbear]

Well,...
(aside: The key to all of this is knowing enough about HTML to be able to identify the correct URL and create the img tag to refer to it -- it probably all looks like black magic to somebody who hasn't been doing this stuff for the last few years. Don't expect to get it all on one reading.)

So -- I uploaded an image; down at the bottom there's a box labeled Image Code. Copy, paste:


Looking at said code, I can see that there's an img tag that, from the /100x100/ in its URL, looks like a thumbnail. It's wrapped in a link -- an <a...> tag. The href attribute is https://mdlbear.dreamwidth.org/file/352.jpg which ought to be the full-sized image, so I'll get a preview just to make sure...

Yup. So that's the URL of the actual image. I can put that into an img tag that looks like
<img src="https://mdlbear.dreamwidth.org/file/352.jpg" width="512">. Chrome says (in the page title) that the image is 1024x719, so I'll try cutting it down by adding a width="512" attribute.
Here we go:
-- purrfect.

[mdlbear]

The placeholder icon is a link to the whole image. I should probably have mentioned that.