2024年のファビコンを極める: 本当に必要なファイルはほぼ6つ（翻訳）｜TechRacho by BPS株式会社

はじめに モダンブラウザで使われるファビコンの作り方を見直して、今こそアイコン生成であくせくするのを終わりにしましょう。昨今のフロントエンド開発者は、ブラウザタブやらタッチ画面やらにWebサイトの小さなロゴを表示する、ただそれだけのためだけに静的なPNGファイルを20個以上扱わなければなりません。よりスマートな方法で、現代のニーズに合う最小限のアイコンセットを使う方法を紹介します。 ファビコンは見かけよりもずっと幅広く奥深いトピックで、実は誰もがファビコンについてしっかり学びたいと思っていることもわかってきました。本記事全体の内容を実質わずか2行のスニペットに凝縮したものも紹介していますので、今ファビコンで苦しんでいる方は（正確な使い方をご存知なら）そちらをお使いいただけますが、そこをぐっとこらえて記事を最後までお読みいただくことをおすすめいたします。 🔗 忙しい人向け: ウルトラショー

[ajisaiotoko]

いや、一つにせーや。

[ultimatebreak]

めんどいからジェネレーターで出たやつ使ってるわ

[oakbow]

思った以上に知見の宝庫だったw しかしappleは独自のアイコン要求するのやめてくんねーかな

[spark7]

convertで複数サイズを纏めたico作れんのね。icoに16、32、128でも入れときや充分でしょ。

[efcl]

faviconサイズと指定

[rochefort]

いつの間にか面倒なことになってる

[aox]

3つくらいにして欲しいですね

[klim0824]

favicon.ico, icon.svg, apple-touch-icon.png, manifest.webmanifest という記述順で読み込んでいるけど、これ.icoが先頭で良かったんだっけ？（最適化された順番とかあったような気がする/ SVG1個で全部まかなえるようになってほしい

[Keisuke69]

いつも設定しようとしてググる必要があったのでこれはよいまとめ。きっと

[nelpesica]

[]

[soreso]

？を！に置換されたらエンジニアは死ぬ……

[skypenguins]

よさそう