How to fake Progressive WebP Images

by @edent | # # # # | 9 comments | Read ~118 times.
Extremely fuzzy photo.

WebP is the hip new image format on the scene. It offers unrivalled image compression at superior visual quality. But, in my opinion, it is deficient compared to JPG in one significant aspect. It doesn’t have a progressive mode. Progressive mode is useful because it can quickly load a low resolution preview of an image,…

Continue reading →

Should panoramic images be part of the HTML5 specification?

by @edent | # # # # | 8 comments
360 view of the inside of the concert hall.

Noodling thoughts. The humble <img> element is one of the oldest parts of HTML. It allows you to put a static image in a document. Later revisions allowed for animated images – like GIFs. And the <map> element made parts of the image clickable. But what about interactive images? Like panoramas and photospeheres? Here’s a…

Continue reading →

Annoyed by Android’s circular icons? Here’s how to fix them

by @edent | # # # # | 2 comments | Read ~6,790 times.
Each icon has a unique shape.

One of Android’s mottos is “Be Together; Not The Same”. What does that mean to you? To me, it means that you don’t need to conform to a single way of doing things. Sadly, Google seems to be moving far away from that ideal. The latest change – adaptive icons. All “adaptive icons” means is…

Continue reading →

How to avoid JPG compression on Twitter

by @edent | # # # | 6 comments | Read ~21,153 times.
Screenshot of a graphics editor. One pixel has been removed from the image.

Update for 2019! Twitter have changed how they compress images. Some of the techniques in this blog post may be out of date. Let’s talk image compression! Services like Twitter will often apply aggressive levels of compression in order to reduce their storage space and decrease download times. This can have negative consequences for usability…

Continue reading →

Making a Twitter Collage

by @edent | # # # # # | 1 comment | Read ~596 times.

This is a lazy way of making a collage of Tweets. I was originally going to use this method: No idea about getting urls, but this may or may not be useful (cmd is also in image alt-text) pic.twitter.com/Jh3YH4yKI0 — Mike (@6byNine) October 29, 2016 but, sadly, gnome-web-photo crashed repeatedly when I tried to use…

Continue reading →

Selecting Text In Images – Pure SVG, No JavaScript

by @edent | # # # | 1 comment | Read ~1,151 times.

Recently, I wanted to embed an photograph of a book page. I thought it would be nifty if the text from the page could be selected. If you hover your mouse over this image, you should be able to select part of the text. Ideally, it will look something like this… It even works on…

Continue reading →

Ephemeral Media

by @edent | # # # # # | 1 comment

Getting access to my Twitter archive opened my mind to the nature on transience of the media we create. Take, for example, this tweet and image: http://twitpic.com/2dhr3 – Loving #mint09 🙂 — Terence Eden (@edent) March 23, 2009 Well… ok… fun at the moment it was taken, but does it have any use beyond that?…

Continue reading →

Google Contacts Copyright Madness

by @edent | # # # # # # | 1 comment | Read ~297 times.

Google has rightly received praise for its reworked “Contacts” functionality. But there is still a rather glaring error. One of the things I love to do is add images to my contacts. It gives me a visual cue when I’m scrolling through looking for a person, it prompts my memory when I see the face…

Continue reading →