Thumbnail image quality #93

Closed
opened 2026-02-04 17:09:33 +03:00 by OVERLORD · 3 comments
Owner

Originally created by @mottosso on GitHub (Apr 12, 2021).

Hi all,

Is there a way to control the image quality that ends up in the thumbnails of each card? I find it a little too blurry, especially with a display at higher resolutions/pixel densities. I can understand the diskspace/quality tradeoff, but in my case I'm happy to spend more disk space in exhange for more visibility amongst my cards. In this case, the thumbnail is 4.6 kb, even a 10x fold increase of that is very acceptible.

Thumbnail

image

Original

image

Originally created by @mottosso on GitHub (Apr 12, 2021). Hi all, Is there a way to control the image quality that ends up in the thumbnails of each card? I find it a little too blurry, especially with a display at higher resolutions/pixel densities. I can understand the diskspace/quality tradeoff, but in my case I'm happy to spend more disk space in exhange for more visibility amongst my cards. In this case, the thumbnail is `4.6 kb`, even a 10x fold increase of that is very acceptible. **Thumbnail** ![image](https://user-images.githubusercontent.com/2152766/114360496-fe4a7d80-9b6c-11eb-9cd5-0c594ef7c0e3.png) **Original** ![image](https://user-images.githubusercontent.com/2152766/114360534-099da900-9b6d-11eb-8e0d-54ec607f68fd.png)
Author
Owner

@nickbe commented on GitHub (Apr 13, 2021):

When zooming into your original image I can see that it's already somewhat blurry. Also the image contrast favors a certain degree of blurring when downsizing the image, except when I use a second step to sharpen the image afterwards. So far I didn't encounter other problems here, but I'll check with Maks if there's something we can optimize easily here.

@nickbe commented on GitHub (Apr 13, 2021): When zooming into your original image I can see that it's already somewhat blurry. Also the image contrast favors a certain degree of blurring when downsizing the image, except when I use a second step to sharpen the image afterwards. So far I didn't encounter other problems here, but I'll check with Maks if there's something we can optimize easily here.
Author
Owner

@mottosso commented on GitHub (Apr 13, 2021):

The browser tends to ignore pixel density from screen captures, but the card was screenshotted at 1.5x resolution scale which makes the issue a little trickier to spot.

But if you compare the thumbnail image to the text below that's about as clear I think I can make it. The text is blurry due to browser-upscaling, but does not have the JPEG artefacts found in the thumbnail, especially around the silhouettes of things like the tail or speech bubbles. That's typical JPEG quality issues. Have you considered using PNG instead?

@mottosso commented on GitHub (Apr 13, 2021): The browser tends to ignore pixel density from screen captures, but the card was screenshotted at 1.5x resolution scale which makes the issue a little trickier to spot. But if you compare the thumbnail image to the text below that's about as clear I think I can make it. The text is blurry due to browser-upscaling, but does not have the JPEG artefacts found in the thumbnail, especially around the silhouettes of things like the tail or speech bubbles. That's typical JPEG quality issues. Have you considered using PNG instead?
Author
Owner

@meltyshev commented on GitHub (Apr 13, 2021):

I will set JPG quality to 100% and chroma subsampling to 4:4:4 for attachment thumbnails. Tested it already - a lot better result.

@meltyshev commented on GitHub (Apr 13, 2021): I will set JPG quality to 100% and chroma subsampling to 4:4:4 for attachment thumbnails. Tested it already - a lot better result.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/planka#93