ファビコンの作成方法
ファビコンの作成は 60 秒の作業です。正方形から開始して、複数サイズの .ico を生成し、それを HTML <head> にリンクします。このガイドでは、すべての手順を説明します。
ソース画像は正方形で、少なくとも 512×512 である必要があります。 SVG はさらに優れており、品質を損なうことなく拡張できます。
実行可能な最小限のセットアップは、単一のマルチサイズ favicon.ico です。最新のセットアップには、PWA インストール プロンプト用の SVG、180×180 apple-touch-icon、および 192×192 + 512×512 PNG のペアも含まれています。
使い方
- 1
四角いソースを用意する
512×512 PNG、または正方形の viewBox を備えた SVG。
- 2
生成する
ファビコン ジェネレーターを使用して、すべてのサイズを 1 つの .ico にバンドルします。
- 3
インストール
favicon.ico をサイトのルートにドロップし、<head> にリンクします。
今すぐ試す
今すぐファビコンを作成してください
ファビコンジェネレーターよくある質問
ファビコンを作成する最も簡単なツールは何ですか?+
ファビコン ジェネレーター — アップロード、生成をクリック、ダウンロードします。サインアップやサーバーへのアップロードは必要ありません。
ソース画像のサイズはどれくらいにすればよいですか?+
最小 512×512。 SVG が理想的です。
apple-touch-icon は必要ですか?+
iOS にクリーンなホーム画面アイコンが必要な場合は、はい。 180×180 PNG、<link rel="apple-touch-icon"> 経由でリンクされています。