100 Days of Something: 31

These “100 Day” notes are all written on my iPad, and posted to my site directly from it. I have a little Drafts action that uploads the posts via Workflow and Transmit. I’ll write about it at some point.

In the cases in which an image is included I’ve been trying to figure out how to solve the problem of reducing the files to an acceptable size. VSCO has some size options when exporting, and there’s an action in Workflow for resizing images. There’s also the possibility of precision resizing in Pixelmator. Unfortunately none of the above include the possibility of reducing the file size via compression.

My strategy has long been (the somewhat lazy) one of combining large image sizes with hefty compression settings – at least 40% when exporting jpegs, for example. That’s saved me the complexity of serving differently optimized images for the large variety of screen sizes and densities that this site might be viewed on, while still maintaining a reasonable image quality. Perhaps the best solution for my simple use cases, it turns out: Fabian Michael, in an article about shifting to the Kirby CMS – which this site is also built on, includes links to a fine set of detailed articles covering what’s involved.

So how to compress images directly from my iPad? Photos taken with Obscura are quite heavy, for example – quickly running into several megabytes. A look at Frederico Vittici’s adventures in this field led me to Kraken.io – a web based tool that achieves impressive results. A Pro account makes it possible to script workflows, as Frederico has done, but seems like a little overkill in my case. The feature rich web editor remains a workable solution though – the only catch being that the files are below 1MB to start with.

100 Days of Something: 31 “Optimization” #The100DayProject https://rudigermeyer.com/notes/2016-05-19-23-12-52

View/Reply on Twitter

<a rel="me" class="p-name u-url" href="https://rudigermeyer.com">Rudiger Meyer</a> is a composer interested in the play between traditional concert music and new media.

Leave a comment

Available formatting commands

Use Markdown commands or their HTML equivalents to add simple formatting to your comment:

Text markup
*italic*, **bold**, ~~strikethrough~~, `code` and <mark>marked text</mark>.
- Unordered item 1
- Unordered list item 2
1. Ordered list item 1
2. Ordered list item 2
> Quoted text
Code blocks
// A simple code block
// Some PHP code
[Link text](https://example.com)
Full URLs are automatically converted into links.

Have you published a response to this? Send me a Webmention!