2024年版、ファビコン画像の作成方法と設置方法、さまざまなデバイスに対応させるには6種類のファイルが必要

最近のデバイスやブラウザに対応させる最小限のファビコンセットには、6種類のファイルで対応できます。ブラウザはもちろん、スマホやタブレットにも対応し、さらにSVGも含めて6種類だけです。 ファビコンに必要な6種類のファイル、ファビコンの設定方法、ファビコン画像を作成する方法について紹介します。 How to Favicon in 2024: Six files that fit most needs by Andrey Sitnik Sitnik氏は、PostCSS, Autoprefixer, NanoIDの制作者です。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2024/2/28: 元記事がアップデートされたので、当記事もアップデートしました。 はじめに ファビコンの設定方法 -ショートバージョン ファビコンの設定方法

[coliss]

最近のブラウザやデバイスに対応させる最小限のファビコンセット。

[Listlessness]

さすがにもうSVG一個で済む世の中になっててもいい頃だと思うんだが【令和最新版】みたいなバッドノウハウはいつまで必要なんだ

[kijtra]

未だに6種類も必要な時点で萎えるよね

[t_motooka]

主要ブラウザ以外のfavicon対応は諦めてたけども、この記事の言う最低限のセットくらいは用意しようかな、って思った。

[versatile]

ていうか、ファビコン要る？ スマホ時代だしー

[blueboy]

　個人サイトならば、32×32　の　favicon.ico　だけで足りるよ。デザインも簡略にすればOK。　→　それで、iPad でも、タブ表示にはきちんと使える。さすがにデカいアイコンのときには表示されないが。／ SVG は面倒だよ。

[Imamura]

【2022年最新版】のfavicon事情。以前必要だったが今は不要なサイズがいろいろあるんだね

[yoshi-na]

更新:さらに減った！Androidもiconひとつマニフェストなしにならんかね

[kei2100]

favicon

[b-wind]

多いな……

[NOV1975]

廃止して欲しい…

[nelpesica]

[][ファビコン][まとめ][]

[misarine3]

早くこういう記事が必要なくなる時代が来て欲しいんだ、

[eos2323]

無いと何だこいつ状態になるからやっぱり必要だよ

[mohno]

“それぞれに最適な”だよね。精度を考えなければ favicon.ico があればいいのでは（というか、なくても表示できなくなるわけじゃないし）

[adsty]

必要なのは５つのアイコンと１つのJSONファイル。

[yoiIT]

めんどくせぇ

[IGA-OS]

そうなのか・・・早く手間が減ってほしいものだ

[klim0824]

ちょうど欲しかった記事 / SVGだけで済む時代早く来てくれー！

[shields-pikes]

もうSVGにしてよ……。

[ohbashunsuke]

ファビコンとの戦い

[rinph]

あまり詳しくないので、経過観察

[yasu-log]

CodeGridでは1種類とされていたのですがどうなんでしょう？ https://www.codegrid.net/articles/2021-favicon-1/

[mkon03]

6種類だと！！！？ 一体どれくらいのサイトが全てのファビコン対応しているんだろう

[nmcli]

思ったより少なくできるな。しばらくはたくさん置くようにするけど

[underd]

あとでよむ