diff --git a/content/technical/2011/06/monochrome-thumbnails.html b/content/technical/2011/06/monochrome-thumbnails.html index c5e8a91..8c1546d 100644 --- a/content/technical/2011/06/monochrome-thumbnails.html +++ b/content/technical/2011/06/monochrome-thumbnails.html @@ -1,15 +1,16 @@ -Ever since this version of my site went live I've been meaning to post about -the generation of the monochrome thumbnails on the [front page](/). When I was -building the site I wanted to include recent items from my Flickr photostream -but didn't like the look of all the colour on a otherwise mostly monochrome -page. +Ever since this version of my site went live I've been meaning to +post about the generation of the monochrome thumbnails on the [front page](/). +When I was building the site I wanted to include recent items +from my Flickr photostream. However with the predominantly monochrome +design I didn't like the look of all the colour they added. So I looked into +having monochrome versions of the thumbnails shown. The first thing I investigated was Javascript image processing libraries. The -only main contender in that space was [xxx]. It worked but its cross browser +only main contender in that space was [Pixastic]. It worked but its cross browser support wasn't great at the time. So I moved on to writing a tool that I could run locally. -[xxx]: +[Pixastic]: http://pixastic.com/ I decided the tool should generate a single image with both the colour and monochrome versions in it (a technique known as spriting). @@ -18,7 +19,7 @@ programmer with an interest in Cocoa programming I created a small command line tool that used the Flickr API to get the details of the last twenty images in my photostream, fetch them and then use Core Image to convert them to monochrome, add both the colour and monochrome versions to the output image and -save the result. +finally save the result. This worked great, however when I stopped hosting my site on my Mac I thought I would need to run the process periodically on my Linux server, which ruled out @@ -26,20 +27,20 @@ Core Image. I took this as another opportunity to learn something new and rewrote it in Lua using imlib2 bindings. I had to make some additions to the imlib bindings, which are [published on GitHub][luaimlib]. -[luaimlib]: +[luaimlib]: https://github.com/wezm/lua-imlib2 -I used the Lua version for some -time but never bothered to set it up on the server since I wasn't uploading -photos all that frequently and it was simple enough to run locally and rsync -the result. I've recently switched back to the Mac version as it was simpler to -get up and running on my new laptop. +I used the Lua version for some time but never bothered to set it up +on the server. I wasn't uploading photos all that frequently and it +was simple enough to run locally and rsync the result. I've recently +switched back to the Mac version as it was simpler to get up and running +on my new laptop. The [code is on GitHub][code] if anyone wants to do something similar. The Cocoa version is on the master branch, the Lua version is on the [lua branch]. -[code]: https:// -[lua-branch]: +[code]: https://github.com/wezm/monothumb +[lua-branch]: https://github.com/wezm/monothumb/lua The current version of the processed thumbnails is shown below. diff --git a/content/technical/2011/06/monochrome-thumbnails.yaml b/content/technical/2011/06/monochrome-thumbnails.yaml index 1878163..4c52e0b 100644 --- a/content/technical/2011/06/monochrome-thumbnails.yaml +++ b/content/technical/2011/06/monochrome-thumbnails.yaml @@ -3,6 +3,10 @@ title: Monochrome Thumbnails extra: Generating monochrome thumbnails with a color rollover from my Flickr feed kind: article section: technical -created_at: 2011-06-08 08:20:00 +created_at: 2011-08-27 18:54:00 keywords: -- typing +- image +- processing +- lua +- core +- monochrome