Splatoon3 - スプラトゥーン3 攻略&検証 Wiki
編集連絡掲示板 / 382
1265
コメント
views
13
フォロー
382
すいません、どなたかwebpへの変換をしてもらえないでしょうか？私のところでも変換はできなくはなかったのですが、ピクセル数を調整した状態でwebpに変換しても30KBを大幅に上回ってしまいます。
通報 ...
いくらなんでも30KB以下に圧縮するのは大無茶だと思う(iconページのカーボンローラーデコが28.1KB)ので300KBの誤字でしょうかね?
でしたら手持ちの写真だとわざわざwebpに変換せずともjpegの時点で184KBほどでした
私も30KBは厳しすぎると、そこまで削減しなくてもよいと考えます。
30KB云々の話は、このあたりから出てきたものでしょうか？
個人の考えですが、画像のサイズ（容量）について、すべての画像に同じ基準を適用する必要はないと感じます。
アイコンについては、たくさんのページで、かつ1ページ内でも複数個使われるようなものですし、元々アイコン画像というのはピクセル数・バイト数ともに減らしやすいものです。ですので、厳しい制限をかける妥当性があります。
また、wikiのトップページはアクセスが多いので、トップページに表示される画像は転送量（画像容量×アクセス数）が増える傾向があります。そちらもきっちり容量を削減する必要がありますね。→参考
最終的に各ブキページでのみ表示される画像なら、それほど厳しい容量削減をしなくても大丈夫ではないかと考えています。横幅を614px（根拠）にして、そのうえでできる範囲で圧縮すればよいと思います。
以前スプラシューターの画像を例に30KBと提示したのですが、よくよく考えてみると画像の周囲は白系、ブキの色使いの仕様上容量が相当小さくなって30KBなので、画面の端まで色を使った画像ともなると30KBは至難の業かと思います。不適切な提示ですみませんでした。
参考になりませんが、スプラシューターの画像サイズは
24.8KBです。(追記：この画像使われていませんでした…。調べたところ現在掲載している画像は、外部サイトからの引用で使用しており、98.2KBの模様です。)
旧会議室189にて、運営より容量削減の依頼があった際は、結果的に462.3KBのものを111.0KBまで削減して良しとし、その後も改良して50KB前後(px614x345)まで落とせているので、目安100KB、目標80KB前後はいかがでしょうか。もちろん目指せるなら容量を削減していく方針で。
タラポートショッピングパーク(画像一覧)やコンブトラック(画像一覧)をステージ一覧ページに記載すべく編集していたのですが、ステージの一覧画像のピクセル数は480x270表示、各ステージのwikiページまで行けば614x343に縮小されていたので、それでwebp変換してみたところ47.1KBや37.6KBまで落とせました。
実際にタラポートショッピングパークやコンブトラックの画像の大きさ具合など見てもらえれば、意外と614x343でも大丈夫かなと思います。
wiki側でインライン解像度とファイルサイズに応じて自動で最適化が行われるようなので、それを一つの基準とするのがよいのではないでしょうか。
申し訳ございません。
写真のような解像度のSVGは非推奨とさせていただきます。
パスする基準について、参考にしてください。
インライン表示の解像度とそのリミットサイズです。
32x32 6.87KB
50x50 8.35KB
200x200 25.29KB
400x400 54.97KB
500x500 71.79KB
800x600 107.06KB
800x800 128.00KB
sharp_yuv オプションは検討いたします。
ただこの基準は「縦幅以下かつ横幅以下」なのか「「縦幅以下または横幅以下」」なのか「総ピクセル数以下」なのかが不明で、一度練習ページなどで表示する予定のインラインサイズを用いて自動最適化が働くかどうか実験するとよいかもしれません。
自動最適化のテスト結果
WebP Lossyは原則最適化をパスする？
WebP Lossless、JPEGは最適化されることがある
最適化をパスする基準は総ピクセル数とファイルサイズで、正確な式は不明だが近似値は( (横幅px ＊ 縦幅px)^0.65 ＊ 0.021 + 5) KB
すなわち、614x343のJPEG画像は約65KB以上のとき自動最適化が働くと考えられる
最適化された画像はWebP Lossy 品質80程度
「インライン表示の解像度」とあるが#ref()での指定サイズは関係なく画像解像度が条件
※ファイル名末尾が「.webp.webp」となり最適化が走った形跡はあるが実際はファイルは変更されていない