ファビコン HTML ジェネレーター
ファビコンは作業の半分にすぎません。HTML リンク タグによって、各ブラウザがどのファイルを選択するかが決まります。ワンクリックで完全な正しいセットを生成します。
完全なファビコン設定には、favicon.ico、SVG バリアント、apple-touch-icon、および PWA マニフェスト アイコンのタグが含まれています。これらのいずれかが欠けていると、少なくとも 1 つのプラットフォームでフォールバック アイコンが生成されます。
ここでタグを生成し、<head> に貼り付ければ完了です。
使い方
- 1
ファビコンを生成する
favicon ジェネレーターを使用して、.ico + PNG + SVG を生成します。
- 2
タグをコピーする
生成された <link> ブロックを <head> に貼り付けます。
- 3
確認する
Chrome、Safari、Firefox、Edge でサイトを開くと、すべてアイコンが表示されます。
今すぐ試す
HTML タグを取得します
ファビコンジェネレーターよくある質問
どのタグが最も重要ですか?+
<link rel="icon" href="/favicon.ico"> — これはユニバーサル フォールバックです。
マニフェスト.json は必要ですか?+
適切な PWA インストール エクスペリエンスが必要な場合のみ。それ以外の場合はオプションです。
apple-touch-icon はどこへ行きますか?+
<link rel="apple-touch-icon" size="180x180" href="/apple-touch-icon.png">。