Page MenuHomeSealhub

Add a nice blur to image thumbnails
Closed, ResolvedPublic1 Points

Description

When using thumbnails, they can exhibit quite visible compression artifacts:

image.png (404×645 px, 32 KB)

However, if we add a little blur with css (filter: blur(5px)), it looks much more pleasing to the eye, without adding much to the weight of the HTML:

image.png (373×611 px, 30 KB)

This tasks involves adding the proper CSS filter to the image. We need to avoid the white/transparent "glow" at the edges of the image. The task should be implemented in a way that avoids this.

Details

Tested by
kuba-orlik
Coded by
luryxyt
Reviewed by
kuba-orlik
Action required from
kuba-orlik

Revisions and Commits

Restricted Differential Revision

Event Timeline

luryxyt moved this task from To do to Doing on the Kanban board.
jenkins-user updated Action required from, added: luryxyt.
kuba-orlik shifted this object from the Restricted Space space to the S5 Publiczna space.Oct 30 2023, 13:22
kuba-orlik changed the visibility from "All Users" to "Public (No Login Required)".
kuba-orlik edited projects, added Open-source; removed Restricted Project.Oct 30 2023, 13:35
luryxyt added a revision: Restricted Differential Revision.Feb 9 2024, 18:19
jenkins-user updated Reviewed by, added: kuba-orlik.
jenkins-user moved this task from Doing to Review on the Kanban board.
jenkins-user updated Action required from, added: kuba-orlik; removed: luryxyt.
jenkins-user added a subscriber: luryxyt.
jenkins-user updated Tested by, added: kuba-orlik.
jenkins-user moved this task from Ready for testing to Ready to land on the Kanban board.
kuba-orlik added a commit: Restricted Diffusion Commit.Mar 2 2024, 17:39