Web
favicon

高画質なFaviconを実装する最も簡単な方法

More than 1 year has passed since last update.

様々なブラウザに対応する高画質なFaviconの実装は実は結構大変なのですが、下記のサービスを使うと簡単に実現することができます。

https://realfavicongenerator.net/

使い方

  1. select you favicon picture で画像を登録
  2. 生成後、ページ下部の generate your favicon and html code からの Favicon package でダウンロード
  3. ダウンロードした素材一式を公開ディレクトリのrootに設置
  4. 表示されるコードをhtmlの head に貼り付ける

以上でFaviconのみならずホーム画面追加時のアイコンが実装されます。他のサービスと違い、各種ブラウザ向けに鮮明な画像を生成してくるため、特にオススメの方法です。