画像サムネイルの圧縮をより強くしてほしい
Cosenseはページカードのサムネイルや、iconの画像に、元画像でなく圧縮画像を読み込んでいるのだが
読み込んでいる圧縮画像のサイズがまだ大きい
もっと小さいものを読み込んでほしい
読み込まれている圧縮画像を確認する方法
Dom Treeから画像を見ると見れる
https://gyazo.com/bceb0cea394373170b3bdf565688645b
bsahd.icon
icon記法で読み込まれる画像はmax_size/200
これは明らかに大きすぎると思う
各ページカードのサムネイルはmax_size/400
これは正直大量に表示されるサムネイルでは大きすぎると思う
devicePixelRatioを考えると妥当と判断されてそうyuki_minoh.icon
Macに搭載されるRetinaディスプレイのdevicePixelRatioは2
上記スクリーンショットにある通り、CSS参照ピクセル単位で幅が大体200px、つまりディスプレイ上で400ピクセル
ページ内の画像表示はmax_size/1000
これはまあ妥当とも考えられる
ただ一番問題なのが写真をPNGで読み込んでいることがある点かな...
アイコンのサイズはどうなってるんだろうSummer498.icon
見た目のサイズ感からすると結構削減できそう
読み込まれる画像のサイズが大きいことで起きる悪いこと
一人のユーザーとしては少なくともサムネイルについては現行で良いのではと思いますyuki_minoh.icon
なぜ大きいと思ったのか、いくつなら妥当なのかが知りたい
ページが重くなって、貧弱なデバイスで動きが悪くなる？vlzs.icon
記憶が曖昧で思い出せないがそういうことがあったような気がするvlzs.icon
アイコンを小さくしてCosenseの動作を軽くしたくなる
スマホで、さらに下位モデルのような貧弱なデバイスだと、Cosenseの長いページは重くなる
アイコン画像を小さくすることでページを軽くしようとしたことがある
自分のプロフィールのページに置いているアイコンを、圧縮画像に置き換えたことがある
アイコン画像のオリジナルの400x400から変更して、自分で圧縮した100x100に置き換えた
置き換えた動機がこれかだったかは覚えていないが、過去の自分が小さなアイコンに置き換えてたvlzs.icon
読み込まれる画像のサイズをもし小さくしたときに起きそうな悪いこと
横長のアイコンがぼやける
こういう画像SpanishDictionary.com.iconで困る
多分あまり使わない。こういう横長のアイコンを自分のプロジェクトでは使ったことはない……vlzs.icon
アイコン記法ではアイコンだけでなく、文字と同じ高さの横長の画像を表示することに使える
icon記法は文字と同じ高さのページタイトル画像を埋め込むものなので、読み込んだ画像が横長なら、横に伸びる 元画像は高画質だが https://gyazo.com/1f768b66dee466d5ef19cae65c3f20a5
max_size/200でぼやける https://gyazo.com/1f768b66dee466d5ef19cae65c3f20a5/max_size/200#.png
max_size/100だと画像が小さくなる https://gyazo.com/1f768b66dee466d5ef19cae65c3f20a5/max_size/100#.png
元画像のアスペクト比を参照しつつ、読み込む圧縮画像のサイズを選ぶ、みたいなScriptがあればいいのかな
元画像が正方形だったら小さめの画像を取ってきて、横長だったら大きめの画像を取ってくる
大きな画面で表示したら解像度が荒くて困るのかも？
4Kディスプレイとか、VR空間とかで開いたら、圧縮しすぎた画像はあらが目立つのかも
大きな画面を持っていないのでわからないvlzs.icon
アプリ側でなく、個人のプロジェクトでアイコンサイズを小さくするスクリプトを作れたらいいのかな