For posting images,
a simple copy paste might be the easiest? Something like:
The div maxes the width for wider-screens while the width percentage in the img tag means that it dynamically resizes for mobile. Just tested the Squidge code which doesn't have the div and I don't think the div is necessary (anymore?) so have removed it.
However, for people that aren't familiar with posting images on Dreamwidth, maybe a simple run through including the hosting space might be easist?
Using Dreamwidth hosting is probably the easiest, and it's pretty mobile-friendly too.
If you go to https://www.dreamwidth.org/file/new and dump in an image, you'll instantly get the code for for an embedded thumbnail and a link to the full size image that you can copy paste. There are also fields right there to add a title, short description (the alt text) and descriptions; if you click save the copy paste code will auto-update. The link to view all your images shows all images with more size options for embedding.
Example:
Or, if someone doesn't have space on their DW, or wants the ability to have albums, Squidge images (https://images.squidge.org) might be an option (although it should be fannish or fannish-adjacent so I'm not sure where that line is drawn).
You'll need to create an account but you can make everything unlisted (privacy is set on an album basis and also you can make your profile private). When you upload (link in top bar), you can put in an album, and set it as fandom or personal. The page will refresh and you can see options to edit the image (change title, add about, change privacy, etc.) but the key feature is that you'll get a massive list of all the kinds of links and embed codes, including full image (linked), medium image (linked), and thumbnail image (linked). Using the html for medium image linked:
This doesn't have an automated way to update the alt text though; the html code would need to be edited afterwards. The link in the code also links to the image page on Squidge Images, not just the direct image itself, which may be a drawback, and would also need to be edited in the html code if desired. It does also have markdown copy paste if you comment in markdown, thought I haven't tested it.
no subject
I think the about looks great!
For posting images,a simple copy paste might be the easiest?
Something like:The div maxes the width for wider-screens while the width percentage in the img tag means that it dynamically resizes for mobile.Just tested the Squidge code which doesn't have the div and I don't think the div is necessary (anymore?) so have removed it.However, for people that aren't familiar with posting images on Dreamwidth, maybe a simple run through including the hosting space might be easist?
Using Dreamwidth hosting is probably the easiest, and it's pretty mobile-friendly too.
If you go to https://www.dreamwidth.org/file/new and dump in an image, you'll instantly get the code for for an embedded thumbnail and a link to the full size image that you can copy paste. There are also fields right there to add a title, short description (the alt text) and descriptions; if you click save the copy paste code will auto-update. The link to view all your images shows all images with more size options for embedding.
Example:

Or, if someone doesn't have space on their DW, or wants the ability to have albums, Squidge images (https://images.squidge.org) might be an option (although it should be fannish or fannish-adjacent so I'm not sure where that line is drawn).
You'll need to create an account but you can make everything unlisted (privacy is set on an album basis and also you can make your profile private). When you upload (link in top bar), you can put in an album, and set it as fandom or personal. The page will refresh and you can see options to edit the image (change title, add about, change privacy, etc.) but the key feature is that you'll get a massive list of all the kinds of links and embed codes, including full image (linked), medium image (linked), and thumbnail image (linked). Using the html for medium image linked:
This doesn't have an automated way to update the alt text though; the html code would need to be edited afterwards. The link in the code also links to the image page on Squidge Images, not just the direct image itself, which may be a drawback, and would also need to be edited in the html code if desired. It does also have markdown copy paste if you comment in markdown, thought I haven't tested it.
(Source photo credit: YoonJae Baik on Unsplash)
Anyway, I know you were asking for an image tutorial so I'm afraid I went off on a tangent! Please disregard as desired.