PNGでファビコンを作成する方法

favicon in icoはどうやら最後の世紀です=)ファッショナブルでモダンになりましょう。 要するに、png(はい、透明性とすべてのもの)のアイコンを取得し、サイト(<head>ブロック内)で16×16のサイズで保存します。次のように接続します。

<link rel = "icon" type = "image / png" href = "favicon.png" />

特にiPhoneとドットの所有者に感銘を受けました。 彼らのために、57×57のサイズの美しいアイコンを作成します(ちなみに、これはランチ画面のアイコンの標準サイズです)。

<link rel = "apple-touch-icon" href = "apple-touch-favicon.png" />

記録の上にはIE6のほとんど腐った死体の精神があります。IE6は一般に、これが何であるかをよく知りません。ええ、それでイチジク=)それだけです。

UPD :興味深い説明をしてくれたNickyX3に感謝します
筆者は、このバージョンでは、タチやリンゴの木の踏み台のアイコンが角で丸くなり、ハイライトがデバイス自体によって自動的に適用されることを示すのを忘れていました。 これを回避するには(非常に美しいカスタムアイコン)、apple-touch-iconの代わりに、apple-touch-icon-precomposedを記述します。

Source: https://habr.com/ru/post/J60466/


All Articles