DW for tumblrites part 2.5: Images
Dec. 18th, 2018 06:30 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
[DW for tumblrites masterpost]
So, I was really nervous about moving to DW because DW image hosting isn't that great, and I care a lot about images. But it turns out... well, it's not that great, but it's not horrible.
First, the bad news: there's no way to organize your images, everything just gets thrown into a slush pile. There's also no way to resize your images directly after upload*, so you'd probably have to use something like https://resizeimage.net/ in a pinch. Also, you can't hotlink to AO3. (Although maybe we should suggest that at
dw_suggestions
Now, the good news: 500MB isn't bad (~1000 images if used wisely), and uploading and embedding images isn't that bad!
To upload images, you go to Organize -> Manage Images. That takes you here:

Then you click on "Upload new images", which takes you to a fairly decent image uploader. It's just https://www.dreamwidth.org/file/new , which isn't that hard to remember, either.
After you upload the images, they automatically show up on the same page. From there, you can either use their existing code, or just grab the bit in the html that has the image file:

I usually prefer just grabbing the image file name and making my own image tags, since it's actually faster than editing theirs. You can see the size of the image right next to the image, which may help you decide which of the following snippets to use:
So my workflow is: Go to /file/new --> Upload images --> Open new tab and load up new post --> copy image links into img tags while writing post.
There's also an option for using their code that generates a thumbnail. You can choose which thumbnail size you want, but I don't really care about that.
And if you're cross-posting, you don't have to re-upload the image, you just copy-paste your journal entry and then you're done.
Edit to add:
Just be aware that DW doesn't allow hotlinking your images (unless it's to LJ), so if you want to post your images to AO3, you need to find a different image hosting.
absolutedestiny walks you through image and large file hosting on the cheap with Backblaze B2:
https://absolutedestiny.dreamwidth.org/190827.html **
Basically, if you store < 10gb total and use < 1gb per day, it's free.
-----------
* But they have tagging and rudimentary resizing for icons, so I think more advanced may be coming down the pipe. *Especially* if more image-friendly tumblrites start using DW more. I see their current set-up as a precursor to some sort of tagged gallery system
** There's a lot of context at the beginning, and the last 3rd is totally optional stuff, but the middle walks you step-by-step through the process of uploading and finding the file link. If you're looking for a quick walkthrough, start at where it says "Part 1 - Storing the Files on the Cloud with Backblaze B2".
So, I was really nervous about moving to DW because DW image hosting isn't that great, and I care a lot about images. But it turns out... well, it's not that great, but it's not horrible.
First, the bad news: there's no way to organize your images, everything just gets thrown into a slush pile. There's also no way to resize your images directly after upload*, so you'd probably have to use something like https://resizeimage.net/ in a pinch. Also, you can't hotlink to AO3. (Although maybe we should suggest that at
![[site community profile]](https://www.dreamwidth.org/img/comm_staff.png)
Now, the good news: 500MB isn't bad (~1000 images if used wisely), and uploading and embedding images isn't that bad!
To upload images, you go to Organize -> Manage Images. That takes you here:

Then you click on "Upload new images", which takes you to a fairly decent image uploader. It's just https://www.dreamwidth.org/file/new , which isn't that hard to remember, either.
After you upload the images, they automatically show up on the same page. From there, you can either use their existing code, or just grab the bit in the html that has the image file:

I usually prefer just grabbing the image file name and making my own image tags, since it's actually faster than editing theirs. You can see the size of the image right next to the image, which may help you decide which of the following snippets to use:
To post an small image: <img src="image link">I write more about HTML here: https://potofsoup.dreamwidth.org/3473.html
To post an big image: <img src="image link" width="100%">
So my workflow is: Go to /file/new --> Upload images --> Open new tab and load up new post --> copy image links into img tags while writing post.
There's also an option for using their code that generates a thumbnail. You can choose which thumbnail size you want, but I don't really care about that.
And if you're cross-posting, you don't have to re-upload the image, you just copy-paste your journal entry and then you're done.
Edit to add:
Just be aware that DW doesn't allow hotlinking your images (unless it's to LJ), so if you want to post your images to AO3, you need to find a different image hosting.
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
https://absolutedestiny.dreamwidth.org/190827.html **
Basically, if you store < 10gb total and use < 1gb per day, it's free.
-----------
* But they have tagging and rudimentary resizing for icons, so I think more advanced may be coming down the pipe. *Especially* if more image-friendly tumblrites start using DW more. I see their current set-up as a precursor to some sort of tagged gallery system
** There's a lot of context at the beginning, and the last 3rd is totally optional stuff, but the middle walks you step-by-step through the process of uploading and finding the file link. If you're looking for a quick walkthrough, start at where it says "Part 1 - Storing the Files on the Cloud with Backblaze B2".