名無しのイカ
2023/03/08 (水) 15:02:33
0807a@8c3d0
アイコンについてです
https://zawazawa.jp/spla3/topic/123/132
https://zawazawa.jp/spla3/topic/123/198
ここらへんで一応話題に上がってたみたいですが、結局サブスペのアイコンってまだ編集されていない感じですかね?
通報 ...
たぶん未編集です。
たとえば「ウルトラショット.png」の日時(更新日?)が2022/09/06のままなので。
背景色または影を付けることも気になりますが、アイコンの画像サイズが256x256と、やや大きいのも気になりますね。
すみません。その枝や木の133や198自分です。すっぽかしました。というかギアアイコンだけやって満足してました。
帰宅したらサブスペもやってみますね。実例を並べるのでリアクションで反応もらえたらと思います。
wiki内で使用されているアイコンで「これも見づらいから頼む」ってのがあればコメントくださいな。
p.s. サイズ縮小化もやってみますね。
さんぷるできましたー。フチなしは比較で並べました。全然違って見えて草。
個人的には30%が好みですが、人によりますかね。
リアクションが4種ありますが、悲しい顔以外の3つで好みを聞かせてもらえればと思います。
20%は👍、30%は😊、40%は❤でお願いします。投票期限は3/11(土)の12時頃までとします。
で、フチが決まって全サブスペ差替えたとして、各wikiページのサブスペアイコンを全部pngからwebpに表記変更する必要があります。
各所で「File not found: "●●●.png" at page "icon"[添付]●●●」ってなります。各ページのこのpngをwebpに変更する作業が発生します。
多くの人の手が必要になりますので、ご了承ください。
(でも編集するのはそのページに訪れて、時間があって、自分がやってもいいかな、って時で大丈夫です。)
詳細は過去の会議室の239を見てもらえれば。(リンクは236)
わざわざpngからwebpに変更する経緯は、過去にwikiwiki運営から「top画像の容量クソデカでサーバ負荷ヤバいからなんとかして」って怒られた経緯があるので、多くの機器に対応しつつ容量削減が見込める比較的最新の拡張子webpに変えていこうぜ(193とその枝葉が起源、サーバ負荷ヤバいのリンクから見れる)、って話があって小さいアイコンも全部少しずつ差し替えていく流れです。
サブウェポン全般デフォルトの大きさが64px(ピクセル)で小さかったので、自分が編集したギアアイコンの縮小化の際に104pxにしたので、サブも104pxまで大きさ上げて揃えました。
対して、スペシャルが256pxだったので、それも104pxに縮小して揃えました。画像は等倍の104pxで並べてます。
wikiの表示ですが、ほとんどが104pxの等倍で表示されることはなく、多くが各メインブキページのサブスペで20pxで指定表示されてます。(稀に26pxとかあったりするけど)
20pxになるとフチが目立たなくなり、縮小化され過ぎて画像潰れて雰囲気でしか伝わらない気がしますが、フチの有無は気休めになるくらいだと予想してます。なので20%はちょっと不安かなって。40%でも大差ない気がしますが。
こういうピクセル指定表示される関係上、どの画像であっても、余白は可能な限り削り、ジャンル別で大きさに統一感を持たせて、拡張子はなるべくwebpに変換してアップロードする、という工程が今後生まれる新規各ページで都度発生する事を、ご理解いただきご協力くださいますようお願い申し上げます。(運営側の人間じゃないけど一利用者として協力していきましょうぜって話)
例えばギアパワーは元々128pxだった、ギアパワーによって大きさは多少違ってて、ラスパが1番大きい?ステジャンやイカ速は1番小さい?というか細長い?と余白はギアパワー毎に違うわけで、でも削れるなら余白は削りたかったから全ギアパワーの大きさ調べて、余白を除いて原寸大を維持してギリギリまで大きさを削ったら104pxが限界だったから、全ギアパワーは104pxに統一してあるよ、って意味です。となるとサブスペも当然同じ工程を辿るわけで、他にもブランドアイコンとか、シャケ系アイコンも統一できる人いればよろしくね、って感じです。
いずれブキ全般自分が担当することになりそうですが、そうなったらゆっくりやっていきます。またすっぽかしそうですが。
とまぁそんな前置きも込みで、投票してもらえたらなと思います。20%が良いなら20%で全然良いです。
お疲れさまです。
画像を試しに20%ぐらいの倍率で確認してみました。確かに潰れてしまってあまり分からないですね。投票では一応40%に入れましたが、なんなら「40%よりももっと濃いor太いフチでもよい」と思いました(個人のわがままなので無視してくださっても大丈夫です)。
各所の表記変更は私もできる範囲で手伝うつもりです。
正規表現の例示助かります。
せっかくなんで、今日の夜にまた濃いヤツと太いヤツも作ってみますねー。
個人の感想ですが、元々が青と青緑と白での表現だからか、黒よりにしてみたら浮いて見えたので、50%以上はやめた方がいいかなと思った次第です。
補足しておくと、フチの色は#000000の黒で1pxです。それに透明度をどのくらい混ぜたかって感じです。今回ですと60〜80%混ぜてます。
太いヤツは2pxで作ってみますね。ついでに50〜100%も全部作ってみます。さんぷるだけならそんな時間かからないので。
20%~100%を並べました。フチ2px等倍表示だとよりハッキリ見えますね。
練習ページ13を借りて、実際に20pxで表示されてる状態もウルショで試してみました。
実際に見た方が早いと思って。0%~100%全部並べてます。
フチ100%でも20px表示で見るとフチ全然わかんないな…ってPC画面で思いつつ、携帯で覗いてみたら、携帯の場合は拡大すればするほどちゃんと等倍表示に近づいて凄い綺麗に表示されるんですね。wikiwikiさすがでした。👏
とは言え拡大表示してわざわざ見るユーザーは少ない気がしますが。
言い換えれば、wiki側で20pxに変換してるのかと思いきや、104pxのデータサイズ容量をそのまま利用されているって事なので、iconページに画像アップする際は、やはり容量削減に協力しないといけないな、という気持ちがより一層高まりますね。
50~100%のいずれかが良いって人いますかね…?もしいたら20~40%の投票どうしよってなっちゃいますけど。
特になければ投票結果をそのまま決定とします。
わ、すごいラインナップ豊富…!ありがとうございます!
2pxで30~40%ぐらいが、小さくてもフチが視認でき、かつ等倍でも主張が激しすぎないちょうどいいバランスだと個人的に思います。
私のモニターの解像度が高いせいか目が悪いせいか、1pxだと60%以上でようやくフチが見えるんですよね…視力検査みたいだ…
サンプル作成お疲れ様です!
個人的には60%の2pxが好みです
アイコンがどこで使われるか分からない以上フチは太い方がいい派です
サンプル比較画像見やすいですね!
フチ2pxの40%が好みです
黒の主張が強すぎず、しかし白地でも見やすい良い塩梅と感じました
手間をかけるようで申し訳ないのですが、スプボムのフチ2px画像サンプルもお願いできますか?
155の投票は「20〜40%の中ならどれがいい?」の問いに対しての投票だったので、40%勝ち抜けにします。(50%以上を作るのめんどくさがった自分が悪かったですね。すみませんでした。)
2pxも好評のようなので、候補にいれて、
40〜60%で、2px確定?、で投票にしましょうか。
意外と60%までなら色相バランスが良いのかなと思えてきました。(70%は濃い)
では今夜40〜60%の2pxでスプボウルショ並べるので、また投票お願いします。
他の%候補もあれば今夜19時までにコメントしてください。
サンプル作るの面倒になってきたのでこれで最後です。明日のお昼までが投票の期日です。
40%なら👍、50%なら😊、60%なら❤でお願いします。
フチはツール使って自動で当ててるので、モノによっては出来上がり具合が雑です。今回で言えばスプボが元64pxのモノを104pxに拡大してるからフチも雑になってしまっているんだと思います。その辺はご了承ください。
締め切ります。50%の2pxで決定とし、作成し始めます。
自分のペースで作るのでしばらくお時間いただきますが、よろしくお願いします。
サブスペのアイコンを50%の2pxでフチ付けてアップが完了しました。iconページの確認をお願いします。
該当ページ各所で「File not found: "●●●.png" at page "icon"[添付]●●●」となっていると思いますが、みなさんのお力添えで適宜修正していただけると幸いです。
※3月13日0時時点で、何故かメガホンレーザー5.1chだけ上手く表示されていません。
命名規則は問題ないと思いますが、もしかしたらサーバ側の問題かなと思案しています。
しばらく様子見していただくか、原因が思い当たる人がいれば、ご教示いただければ幸いです。
>> 195ふっふっふー…😏
なんと!!添付フォームのページ下部、[バックアップを含む一覧]から消された画像を確認できるのです…
完全な削除はたぶん管理人さんじゃないとできないのかな?アップロードしようとしてる画像が正しいか、余計な詳細情報がついてないかの確認は必須ですね。
ピリオドが悪さしてる説が濃厚だと思います。
前に、どこのページだったか忘れたんですけど、
何かの画像で「ver2.0.0.jpg」みたいなピリオドを含むファイル名の画像が表示されなくて、
「ver2_0_0.jpg」みたいなピリオドを含まない名前に変えた所、問題なく表示されるようになった事例を見たことがあります。
言われてみて自分もどこかでそのver2_0_0のファイルネーム見た事あったなと思ったので今5_1chに変えてみたら上手く表示されました。
解決するまではアンダーバーでいきましょう。お力添えありがとうございました。助かりました。
p.s.
>> 194さん、練習ページ2のリンクを付けて運営に問い合わせてみましたので、回答が返ってくるまでは練習ページ2は白紙化しないようお願いします。
進捗があればまた葉付けします。
>> 201了解です。置いておきます。
こちらを参考にして書き直した、置換用の正規表現置いておきますね。
編集画面の「編集」→「置換」もしくは Ctrl+Shift+F で出てくる置換枠に↓を入力して検索して、
/icon/([^,]*ボム|スプリンクラー|スプラッシュシールド|ジャンプビーコン|ポイントセンサー|トラップ|ポイズンミスト|ラインマーカー|トーピード|ウルトラショット|グレートバリア|ショクワンダー|マルチミサイル|アメフラシ|ナイスダマ|ホップソナー|キューインキ|ジェットパック|ウルトラハンコ|カニタンク|サメライド|トリプルトルネード|エナジースタンド|スーパーチャクチ|テイオウイカ|デコイチラシ).png/
置換後の文字列に↓を指定する。
icon/$1.webp
「メガホンレーザー5.1ch」に関しては、上の枝のような問題があることと、私の知識が足りなくて1つの正規表現に組み込めなかったため、除外しています。
上記の正規表現を用いた場合、メガホンは完全ノータッチで残りますので、必要ならば直接
メガホンレーザー5.1ch.png
を
メガホンレーザー5_1ch.webp
に置換してください。
赤字が直せないのと書き方が美しくないけど、とりあえず実用はできるから許して❤余談ですが赤字直せました。
<code class="language-none">コード</code>
と記述すると
コード
このような見た目になります。
>> 203さん、wikiwiki運営より「調査します」との連絡がありましたので、練習ページ2は白紙化しても大丈夫です。
そのうちwikiwikiの方で表示できるようになったり、Twitterで案内が来ると思います。
ご協力してくださった方、ありがとうございました。
>> 209把握しました、が、個人的に直る瞬間が気になるので、修正が来るまでそのままにしておきます。
画像作業からお問い合わせまで、ありがとうございます👍
>> 211練習ページ2のタイトルを「webp画像表示不具合確認テスト(運営に問合せ中)」に変更しました。このままにしておく旨、了解です。
練習ページ4〜14(現時点で6を除く)が未使用のため、問題ないと思います。
>> 211不具合対応完了との連絡がありました。携帯とPCから練習ページ2が両方正常に表示されているのを確認しました。
そちらも確認が取れましたら、白紙化をお願いします。
>> 217白紙化しました。ありがとうございます!