Better Thumbnails in Unread 5.0

◀ Unread 5.0 Release Notes

Faces

When Unread needs to crop an image to a specific aspect ratio, it does so in a way that avoids removing or cutting off faces.

For example, take this tall photo of a woman holding a child:

A photo of a woman holding a child. The photo is tall and narrow. The woman’s face is near the top of the image.
Source image from propublica.org

When generating a large thumbnail, Unread crops the photo in a way that preserves the woman’s face.

A 16x9 version of the image that includes the woman’s face.
Large 16x9 thumbnail
A square version of the image that includes the woman’s face.
Large square thumbnail

When generating a small thumbnail and when faces take up a small portion of the image, Unread’s thumbnails zoom in on the face or faces in the image.

Another 16x9 thumbnail of the same photo, but zoomed in on the woman’s face.
Small 16x9 thumbnail
Another square thumbnail of the same photo, but zoomed in on the woman’s face.
Small square thumbnail

When There Are No Good Cropping Options

Unread’s preferred method of getting an image thumbnail into an area of a specific aspect ratio is to crop it, but sometimes there are no good options for doing so.

For example, cropping this image into a square would be impossible without removing faces:

A 16x9 image showing two women on opposite sides of the image. There is text between their faces.
Source image from 404media.co

When Unread needs to fit this into a square area, it scales the image down further and adds whitespace to the top and bottom.

The article list entry has a square thumbnail area. The entire image is in that thumbnail area, with whitespace above and below it.
An article list entry on Mac where the thumbnail shape is square

Text and Solid Color Backgrounds

Unread will focus on text when an image has no faces. When cropping an image to a specific aspect ratio without removing or cutting off text is impossible and when the background is a solid color, Unread detects the solid color background and extends it to the edges.

For example, take this tall and narrow image with text and a solid color background:

The text “A fun way to take notes” is in the vertical center of a tall narrow image. The image has a solid blue background.
Original image from reddit.com

Unread crops this in a way that preserves the text. It extends the solid background as well:

A 16x9 thumbnail showing a solid blue background. The text is present and occupies most of the height of the thumbnail. The same solid blue color is in the background. The background is wider, relative to the text, than it is in the source image.
Large 16x9 thumbnail

◀ Unread 5.0 Release Notes