Tags: image

2267

sparkline

Sunday, December 9th, 2018

And now I’m working on a browser extension… https://mobile.twitter.com/adactio/status/1071782923077124097

And now I’m working on a browser extension…

https://mobile.twitter.com/adactio/status/1071782923077124097

Saturday, December 8th, 2018

What happens at the @Clearleft Christmas party stays at the @Clearleft Christmas party.

What happens at the @Clearleft Christmas party stays at the @Clearleft Christmas party.

Thursday, December 6th, 2018

Preparing my @naconf talk. It’s a messy process.

Preparing my @naconf talk. It’s a messy process.

Wednesday, December 5th, 2018

Finishing the day with a rocket launch. 🚀

Finishing the day with a rocket launch. 🚀

Sunday, December 2nd, 2018

Rufus is a very good pub dog.

Rufus is a very good pub dog.

Friday, November 30th, 2018

A bombe beer!

A bombe beer!

Monday, November 26th, 2018

Me and @grigs, together at last!

Me and @grigs, together at last!

Friday, November 23rd, 2018

Responsive Images on the Apple Watch — ericportis.com

Some tips for getting responsive images to work well on the Apple Watch:

  • test your layouts down to 136-px wide
  • include 300w-ish resources in your full-width img’s srcsets
  • art direct to keep image subjects legible
  • say the magic meta words
A postcard from Antarctica—thank you, @ArielWaldman! 🇦🇶

A postcard from Antarctica—thank you, @ArielWaldman! 🇦🇶

Wednesday, November 21st, 2018

Checked in at Το Ελληνικό. with Jessica map

Checked in at Το Ελληνικό. with Jessica

Tuesday, November 20th, 2018

Checked in at ERGON Αγορά. A feast of lamb — with Jessica map

Checked in at ERGON Αγορά. A feast of lamb — with Jessica

Monday, November 19th, 2018

Checked in at Coquille. Baby calamari in parsley pesto — with Jessica map

Checked in at Coquille. Baby calamari in parsley pesto — with Jessica

Saturday, November 17th, 2018

Herring.

Herring.

Friday, November 16th, 2018

Checked in at Norræna Húsið. with Jessica, Paul, Matt, Joschi map

Checked in at Norræna Húsið. with Jessica, Paul, Matt, Joschi

Kicking off the Material.is conference before the crack of dawn.* *Note: dawn is at 10am in Iceland right now.

Kicking off the Material.is conference before the crack of dawn.*

*Note: dawn is at 10am in Iceland right now.

Thursday, November 15th, 2018

Checked in at Bar Ananas. At a session in Iceland. map

Checked in at Bar Ananas. At a session in Iceland.

Wednesday, November 14th, 2018

Checked in at Jolly Brewer. Tunes and pints. map

Checked in at Jolly Brewer. Tunes and pints.

Tuesday, November 13th, 2018

Optimise without a face

I’ve been playing around with the newly-released Squoosh, the spiritual successor to Jake’s SVGOMG. You can drag images into the browser window, and eyeball the changes that any optimisations might make.

On a project that Cassie is working on, it worked really well for optimising some JPEGs. But there were a few images that would require a bit more fine-grained control of the optimisations. Specifically, pictures with human faces in them.

I’ve written about this before. If there’s a human face in image, I open that image in a graphics editing tool like Photoshop, select everything but the face, and add a bit of blur. Because humans are hard-wired to focus on faces, we’ll notice any jaggy artifacts on a face, but we’re far less likely to notice jagginess in background imagery: walls, materials, clothing, etc.

On the face of it (hah!), a browser-based tool like Squoosh wouldn’t be able to optimise for faces, but then Cassie pointed out something really interesting…

When we were both at FFConf on Friday, there was a great talk by Eleanor Haproff on machine learning with JavaScript. It turns out there are plenty of smart toolkits out there, and one of them is facial recognition. So I wonder if it’s possible to build an in-browser tool with this workflow:

  • Drag or upload an image into the browser window,
  • A facial recognition algorithm finds any faces in the image,
  • Those portions of the image remain crisp,
  • The rest of the image gets a slight blur,
  • Download the optimised image.

Maybe the selecting/blurring part would need canvas? I don’t know.

Anyway, I thought this was a brilliant bit of synthesis from Cassie, and now I’ve got two questions:

  1. Does this exist yet? And, if not,
  2. Does anyone want to try building it?

Monday, November 12th, 2018

Squoosh

A handy in-browser image compression tool. Drag, drop, tweak, and export.

Learning about Jobs To Be Done©️®️™️ from @MrJoe.

Learning about Jobs To Be Done©️®️™️ from @MrJoe.