画像/武器

概要

他のページで使いやすいようにアイコン画像をまとめました。

• それぞれのページに似たような・同じ画像を張り付ける手間が省ける
• 画像のあるページ名を調べる手間が省ける

• ファイル(画像)を貼り付ける

画像の差し替えについて

結論として差し替える仕様がありません。ですので、一度削除して再アップロードすることになります。

• 間違えた名前で添付してしまった
  • そのページの上部にある「添付」ページを開く
  • 「ファイル(画像)を貼り付けるの添付ファイル一覧」の「差し替えたいファイル名.拡張子［詳細］」の［詳細］ページを開く
  • 「このファイルを削除します。」のラジオボタンを選択して「実行」ボタンを押す
• 画像を間違えて添付した
  上記の方法のあと、再度画像を添付してください。

武器

品目

オリジナル（サイズままファイル名のみ正規化）

武器/{武器ページの武器名}.{png,jpg}

• サイズはいろいろ
• 武器ページの武器名

72x72

武器/{武器名}_q.webp

• 2022年現在ならばwebpでも大丈夫そう
• avifはまだ厳しい

32x32

武器/{武器名}_s.webp

• 両手剣の分のみアップロード

その他

添付ファイルを見る

• 添付:画像/武器

作成例

• Squoosh
  • 基本デフォルト
    • method: lanczos3
    • linearRGB: true
    • size: as you like
  • 注意する設定値
    • quality: 94~100
    • filetype: webp
• squoosh/cli at dev · GoogleChromeLabs/squoosh · GitHub
  • もしエラー出たらnodeのバージョンを落としてみる

squoosh-cli --resize '{"enabled":true,"width":72,"height":72}' --webp '{"quality":96}' *.{jpg,png}
rename 's/[.]webp/_q.webp/' *;

利用例

&ref(画像/武器/{武器名}_q.webp,nolink,36x36,{武器名});
&attachref(画像/武器/{武器名}_q.webp,nolink,36x36,{武器名});

&ref(画像/武器/狼の末路_q.webp,nolink,36x36,狼の末路);

[[&ref(画像/武器/狼の末路_q.webp,nolink,36x36,狼の末路);>両手剣#r5ooka]]

画像サイズの参考

• PageSpeed Insights
• Retina以降のハードウェアピクセルはCSSピクセルの2倍～3倍がざら
• 編集で指定するpxの2倍程度の幅にしておくと軽さと解像度どちらも満足できそう