サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

●ログアウト

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

テクノロジーカテゴリーの変更を依頼記事元:

techracho.bpsinc.jp

264 usersがブックマークコメント

12

現在プライベートモードです設定を変更する

264 users techracho.bpsinc.jp

現在プライベートモードです設定を変更する

みんなの興味と感想が集まることで新しい発見や、深堀りがもっと楽しくアカウントをお持ちの方はログインページへ

記事へのコメント12件

●注目コメント ●新着コメント

ajisaiotoko いや、一つにせーや。 2021/06/25 リンクその他 ● ● ●

ultimatebreak めんどいからジェネレーターで出たやつ使ってるわ 2021/06/25 リンクその他 ● ● ●

oakbow 思った以上に知見の宝庫だったwしかしappleは独自のアイコン要求するのやめてくんねーかな 2021/06/25 リンクその他 ● ● ●

spark7 convertで複数サイズを纏めたico作れんのね。icoに16、32、128でも入れときや充分でしょ。 2021/06/25 リンクその他 ● ● ●

efcl faviconサイズと指定 ●Image 2021/06/26 リンクその他 ● ● ●

rochefort いつの間にか面倒なことになってる ●favicon 2021/06/25 リンクその他 ● ● ●

aox 3つくらいにして欲しいですね 2021/06/25 リンクその他 ● ● ●

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

Keisuke69 いつも設定しようとしてググる必要があったのでこれはよいまとめ。きっと 2021/06/25 リンクその他 ● ● ●

nelpesica [] ●コラム ●ファビコン ●必要 2021/06/25 リンクその他 ● ● ●

efcl faviconサイズと指定 ●Image 2021/06/26 リンクその他 ● ● ●

soreso ？を！に置換されたらエンジニアは死ぬ…… ●web ●あとで読む ●開発 2021/06/25 リンクその他 ● ● ●

oakbow 思った以上に知見の宝庫だったwしかしappleは独自のアイコン要求するのやめてくんねーかな 2021/06/25 リンクその他 ● ● ●

rochefort いつの間にか面倒なことになってる ●favicon 2021/06/25 リンクその他 ● ● ●

Keisuke69 いつも設定しようとしてググる必要があったのでこれはよいまとめ。きっと 2021/06/25 リンクその他 ● ● ●

nelpesica [] ●コラム ●ファビコン ●必要 2021/06/25 リンクその他 ● ● ●

aox 3つくらいにして欲しいですね 2021/06/25 リンクその他 ● ● ●

ajisaiotoko いや、一つにせーや。 2021/06/25 リンクその他 ● ● ●

ultimatebreak めんどいからジェネレーターで出たやつ使ってるわ 2021/06/25 リンクその他 ● ● ●

skypenguins よさそう ●Web制作 ●web開発 ●web 2021/06/25 リンクその他 ● ● ●

spark7 convertで複数サイズを纏めたico作れんのね。icoに16、32、128でも入れときや充分でしょ。 2021/06/25 リンクその他 ● ● ●

klim0824 favicon.ico, icon.svg, apple-touch-icon.png, manifest.webmanifest という記述順で読み込んでいるけど、これ.icoが先頭で良かったんだっけ？︵最適化された順番とかあったような気がする/ SVG1個で全部まかなえるようになってほしい ●favicon ●html 2021/06/24 リンクその他 ● ● ● 注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の﹁建設的コメント順位付けモデルAPI﹂を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Ftechracho.bpsinc.jp%2Fhachi8833%2F2024_02_09%2F108697" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://akarinohon.com/text/taketori.cgi/https://techracho.bpsinc.jp/hachi8833/2024_02_09/108697">2024年のファビコンを極める: 本当に必要なファイルはほぼ<span class="ltr">6</span>つ（翻訳）｜TechRacho by BPS株式会社</a><a href="https://akarinohon.com/text/taketori.cgi/https://b.hatena.ne.jp/entry/s/techracho.bpsinc.jp/hachi8833/2024_02_09/108697">はてなブックマーク - 2024年のファビコンを極める: 本当に必要なファイルはほぼ<span class="ltr">6</span>つ（翻訳）｜TechRacho by BPS株式会社</a></div></iframe>

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！ ●バナー広告なし ●ミュート機能あり ●ダークモード搭載アプリをダウンロード

usersに達しました！

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