{"id":34429,"date":"2021-12-14T16:20:49","date_gmt":"2021-12-14T21:20:49","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=34429"},"modified":"2021-12-14T16:20:49","modified_gmt":"2021-12-14T21:20:49","slug":"opacity-precision","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2021\/12\/14\/opacity-precision\/","title":{"rendered":"Opacity Precision"},"content":{"rendered":"<p><a href=\"https:\/\/bjango.com\/articles\/opacityprecision\/\">Marc Edwards<\/a>:<\/p>\n<blockquote cite=\"https:\/\/bjango.com\/articles\/opacityprecision\/\">\n<p>While easy to understand, using integer percentages for opacity does not map well to what typically happens at a technical level &mdash; opacity values in 8bit per channel images have a range of 0 to 255. A design tool that uses a 0 to 100 range for opacity can not access 154 of the actual possible values. The percentages just get rounded to the nearest real value.<\/p>\n<p>[&#8230;]<\/p>\n<p>Does it matter? Quite often, shadows are incredibly sensitive to opacity changes, and many shadows use values from around 5% to 20%. That means there&rsquo;s only 15 or so steps in the usable range, and single step jumps can be quite noticeable. This is not the most pressing issue in the design tools we use, but it is a real problem.<\/p>\n<\/blockquote>","protected":false},"excerpt":{"rendered":"<p>Marc Edwards: While easy to understand, using integer percentages for opacity does not map well to what typically happens at a technical level &mdash; opacity values in 8bit per channel images have a range of 0 to 255. A design tool that uses a 0 to 100 range for opacity can not access 154 of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"apple_news_api_created_at":"2021-12-14T21:20:51Z","apple_news_api_id":"aec50e21-13e4-4849-8bea-61c804c4779d","apple_news_api_modified_at":"2021-12-14T21:20:51Z","apple_news_api_revision":"AAAAAAAAAAD\/\/\/\/\/\/\/\/\/\/w==","apple_news_api_share_url":"https:\/\/apple.news\/ArsUOIRPkSEmL6mHIBMR3nQ","apple_news_coverimage":0,"apple_news_coverimage_caption":"","apple_news_is_hidden":false,"apple_news_is_paid":false,"apple_news_is_preview":false,"apple_news_is_sponsored":false,"apple_news_maturity_rating":"","apple_news_metadata":"\"\"","apple_news_pullquote":"","apple_news_pullquote_position":"","apple_news_slug":"","apple_news_sections":"\"\"","apple_news_suppress_video_url":false,"apple_news_use_image_component":false,"footnotes":""},"categories":[2],"tags":[566,77,619,30,32,2077],"class_list":["post-34429","post","type-post","status-publish","format-standard","hentry","category-technology","tag-color","tag-design","tag-graphics","tag-mac","tag-macapp","tag-macos-12"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/34429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/comments?post=34429"}],"version-history":[{"count":1,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/34429\/revisions"}],"predecessor-version":[{"id":34430,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/34429\/revisions\/34430"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=34429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=34429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=34429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}