CSSアイコンは拡縮時に歪みやすい
2023/5/4 11:18:00
一つ一つ課題を解決しながら進めているので時間はかかっているが,何かと知見を深めることが出来ている。やはり総合的に CSS アイコンの利点は大きいので採用方針は変わらないが,割り切りと誤魔化しの技術が肝だなと感じている。そこを抑えられれば強力な武器になる。
CSS アイコンの欠点として,拡縮時に歪みやすいということが理解出来てきた。スマートフォンだと再現しないので,サブピクセルのレンダリング問題なのかもしれない。拡大時に1px程度のずれが生じることがあるのはともかく,縮小時に細い線が消えたりもする。これは有名な CSS アイコン集でも同様なので,そういうものなのだろう。
もっとも,ラスター画像の主要な問題である高精細画面でのぼやけに対応出来れば十分とも言える。舞覧のズーム機能を使うような人にとって多少の表示の乱れは想定内だろう。あとは歪みにくい書き方・デザインの問題か。
すぐに終わるだろうという当初想定に反してもう少し時間がかかりそうなので,明日からは別の作業にも多めに時間を割くことにした。
CSSアイコンは拡縮時に歪みやすい問題、CSSアイコンを何も知らず、何も検証してないが、拡大した状態で作って縮小して描画すれば軽減できるような予感がする。スーパーサンプリングとかいうやつの応用。
手が空いたら検証してみよう。
検証したところ、ダメだった
→ CSSアイコンをスーパーサンプリングしても縮小時に消える現象は無くならなかった