hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

デザイナーさんにfaviconとapple-touch-iconについて伝える

メモメモ
=====

Faviconの設置が必要なら260*260px程度のデザインデータのご用意を。(近似値で正方形であれば厳格に260pxじゃなくても作成できます)

生成サービスありますがたくさん生成されますので、PNGからこちらで生成することも可能です。

https://realfavicongenerator.net/
http://www.favicon-generator.org/

いろいろあるけどこれが最新仕様準拠みたいです。
https://centosinstall.com/design/photoimage/favicon-apple-touch-icon

[2021.10.15追記]↑リンク先なくなったみたいです。当時のブラウザや環境ごとの最新のサイズや使われ方の一覧があったハズなのですが、ざんねん[2021.10.15追記終了]

種類多いですが、端折っても大丈夫な模様。

faviconをマルチファビコンとapple-touch-iconの2枚で済ます!


とりあえず作成した元データまたは生成済みコードを貰えればそれを設置します。


投稿日

カテゴリー:

投稿者:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください