{"id":6820,"date":"2025-10-15T12:19:01","date_gmt":"2025-10-15T12:19:01","guid":{"rendered":"https:\/\/notmart.org\/blog\/?p=6820"},"modified":"2025-10-15T13:32:27","modified_gmt":"2025-10-15T13:32:27","slug":"pixel-perfection","status":"publish","type":"post","link":"https:\/\/notmart.org\/blog\/2025\/10\/pixel-perfection\/","title":{"rendered":"Pixel perfection"},"content":{"rendered":"\n

Sometimes an application can look kinda wrong due to very small details, few pixels can make or ruin the first impact. And since today a lot of monitors, especially laptop ones have to use fractional scaling, making things look sharp and pixel perfect is even harder.<\/p>\n\n\n\n

Here is System Settings, on a screen scaled at 175%:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Here is zoomed, you can see some separators being one pixel, some other being two, usually blurred, making them appear of significantly different colors:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

It was something that always annoyed me, so this is how System Settings will look with the next Kirigami that will come with the next Frameworks release in the beginning of November:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Here zoomed:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Separators are now 2 perfectly sharp pixels everywhere on 175%, giving the app a much cleaner look.<\/p>\n\n\n\n

This will apply to every application which uses the Separator<\/code> QML component. There are of course a lot of similar details fixes to do (and yes, I can see several ones still in the above screenshot), but sometimes small polishes can look like a big improvement \ud83d\ude42<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Sometimes an application can look kinda wrong due to very small details, few pixels can make or ruin the first impact. And since today a lot of monitors, especially laptop ones have to use fractional scaling, making things look sharp and pixel perfect is even harder. Here is System Settings, on a screen scaled at […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,16],"tags":[99,2,159,195,7],"class_list":["post-6820","post","type-post","status-publish","format-standard","hentry","category-graphics","category-software","tag-graphics-2","tag-kde","tag-kirigami","tag-pixels","tag-plasma"],"_links":{"self":[{"href":"https:\/\/notmart.org\/blog\/wp-json\/wp\/v2\/posts\/6820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notmart.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notmart.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notmart.org\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/notmart.org\/blog\/wp-json\/wp\/v2\/comments?post=6820"}],"version-history":[{"count":7,"href":"https:\/\/notmart.org\/blog\/wp-json\/wp\/v2\/posts\/6820\/revisions"}],"predecessor-version":[{"id":6834,"href":"https:\/\/notmart.org\/blog\/wp-json\/wp\/v2\/posts\/6820\/revisions\/6834"}],"wp:attachment":[{"href":"https:\/\/notmart.org\/blog\/wp-json\/wp\/v2\/media?parent=6820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notmart.org\/blog\/wp-json\/wp\/v2\/categories?post=6820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notmart.org\/blog\/wp-json\/wp\/v2\/tags?post=6820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}