Spect
管理者 WakefulSpect
2024/08/12 (月) 17:40:25
:config/plugin/icon/testにてCSSスプライト式のアイコンプラグインを試しています
構文が短く済んで軽量という特徴があるのですが、アイコンサイズがあらかじめ指定したものしか使えないという欠点もあります
そこで提案なのですが
- 導入してもよいか
- 導入する場合、どんな種類のアイコンを適用するか
私はポケモン・きのみ・食材・どうぐなどを想定しています - 各アイコンのサイズはどうするか
ページを複数用意することで同じアイコンでサイズ違いを用意することもできます
ご意見お待ちしております
通報 ...
どうすべきかはいったん置いておいて、まず、現状で「アイコンの元画像のサイズがいくつで」「主にどんなサイズで使われているか」を調査してみました。
ポケモン
元画像:150x150
個別ページのトップ画像:100x100
SNSシェア設定:サイズ指定なし
ポケモンの一覧、および下位ページの一覧表系:20%(30x30相当)
きのみ
元画像:150x150
個別ページのトップ画像:70%(105x105相当)
きのみ/きのみの一覧、ポケモンの一覧:20%(30x30相当)
ポケモン個別ページのデータ:24x24
食材
元画像:150x150
個別ページのトップ画像:70%(105x105相当)
食材/食材の一覧:30x30
ポケモン個別ページのデータ:24x24
料理/レシピの一覧:15%(22.5x22.5相当?)
料理
元画像:256x256
料理/レシピの一覧:20%(51.2x51.2相当?)
どうぐ
元画像:100x100
ショップ関連>スリープポイント、どうぐ:20x20
ショップ関連>デイリーギフト:24x24
ショップ関連>アップグレード:40x40
考察系ページ、検証系ページは未確認です。
また、どうぐアイコンなどは文章中に使われている場面もありますが、こちらもほぼ未確認です(「ショップ関連」ページの文章中に使われているアイコンが20x20であることだけ確認済)。
よく考えればこの機能は管理者権限を必要とせず誰でも好きに調整追加ができるものですので、さっさと実施して問題点が掴めた段階で調整することにします
とりあえずポケモン画像を30x30で実装しました
編集テクニックの解説や他アイコンはおいおい実装します