I mentioned a few days ago that I’d got my microblogging working about the way I wanted. There was one exception to that: my “images” workflow.

There’s pretty good “media library” functionality built into WordPress, but I’ve always found it a bit too blog-centric in how it works to be a good general solution to images hosting.

I was a Flickr user from way back, but when the new owners ruined it I decided I should host my own images, and ended up going with Lychee to provide self-hosting functionality.

Lychee works great, but it took me a while to sort out how to integrate images hosted there into my blog.

Here’s what I’ve ended up doing:

1. Upload images to images.philipbrewer.net. The Lychee software lets me keep them private or make them public, and it lets me organize them into albums. It also produces an RSS feed of all my public photos.
2. If I want to use one of my photos in a blog post, I select the photo in Lychee, click on the share button, and select “direct link” to get a link to a .jpg file. The default is the full-size image, but I can edit the link to get a link to a medium or small image if I prefer.
3. In my blog post I insert the image as usual, except instead of selecting the image from my media library, I click “Insert from URL” and paste in the link I acquired in step two. If it’s the main image for the post I also paste it into the “use this image” field in Open Graph (a WordPress plugin I use to generate the metadata so that links shared in Twitter and Facebook use the image I want). If I want to, I can also specify the Lychee page for that image as the target URL if you click on the image.

Here, for example, is an image I took yesterday:

Pretty much everything works the way I want it to now. The images are hosted on images.philipbrewer.net, I have access to small, medium, and large versions of the images, and an easy-enough way to include them in a blog post.

Two things that could work better:

1. A one-click way to get the link for the images pasted into all the right places in a new blog post, so I’m not having to go back and forth to make the image block, get one link, paste it (usually twice), then get the second link, and paste that one.
2. A one-click way to get a srcset, so that my pages can be more automatically made responsive.

Still, after a bunch of posts where I was testing things out, in which things didn’t work quite they way I wanted them to, I’ve now got things just about set.