アートワークを選ぶ
いちばんくっきりしたアイコンとSVGのfaviconを作るにはSVGを、またはPNG、JPG、WebP、HEICをアップロードします。ログインしていれば、ロックを解除した結果から選ぶこともできます。
favicon・PWAアイコン作成
1回のアップロードで、ブラウザのタブやホーム画面に必要なすべてのアイコンと、それらを指定するタグが手に入ります。
faviconセットを作る
SVG, PNG, JPG, WebP, HEIC · 最大8MB · 自分のファイルとロック解除済みの結果は無料
このツールでできること
1つの画像から、サイトに必要なアイコンをすべて作ります。favicon.ico、PNGのfavicon、SVGのfavicon（SVGから作成した場合）、背景色付きのApple touchアイコン、そしてWebアプリアイコン。スマートフォンが独自の形に切り抜いてもはみ出さないmaskableアイコンも含みます。ZIPにはsite.webmanifestと、ページに貼り付けるタグを書いたfavicon.htmlも入っています。PNG、JPG、WebP、HEICからは、SVGのfavicon以外のすべてのアイコンを作ります。このツールは画像をトレースしません。
安全のため、スクリプト、アニメーション、埋め込みWebコンテンツ、リンク、ほかのファイルを読み込む要素は削除されます。アートワークと、埋め込まれたPNG、JPEG、WebP画像は残ります。削除したものは結果に一覧で表示されます。
入力・出力・制限
入力
SVG、PNG、JPEG、WebP、HEIC
出力
favicon.ico、PNGのfavicon、SVGのfavicon（SVGの場合）、Apple touchアイコン、PWAアイコン、site.webmanifest、HTMLタグが入ったZIP
制限
ファイルは最大8MB。PNG、JPG、WebP画像は最大24メガピクセルで、書き出し前に1,536pxに縮小されます。16、32、48pxの画像を含むfavicon.ico、16と32pxのPNG favicon、180pxのApple touchアイコン、192と512pxのアプリアイコンを作ります。どれもmaskableアイコンとしても作られ、アートワークはセーフゾーン（中央の円、半径はアイコンのサイズの40%）内に収まります。処理の上限：30秒。
使い方
名前を付けて色を選ぶ
名前と短い名前はWebマニフェストに入ります。テーマカラーは一部のブラウザがUIに付ける色で、背景色はApple touchアイコンとmaskableアイコンの塗りに使われます。
ファイルをアップロードしてタグを貼り付ける
ZIP内のファイルをすべて、パスのプレフィックスに指定したフォルダーに置き、favicon.htmlのタグを各ページのheadに貼り付けます。各ファイルの用途はZIP内のREADMEに書いてあります。
トラブルシューティング
favicon.svgがないのはなぜですか？
SVGのfaviconは、すべてベクターでできたSVGからだけ作られます。PNG、JPG、WebP、HEIC、または画像を含むSVGの場合は、代わりにPNGとICOのfaviconが作られ、結果にそのことが表示されます。
古いアイコンが表示されたまま
ブラウザはfaviconを長い間キャッシュに保存します。新しいファイルを確認するには、プライベートウィンドウでページを開くか、サイトのデータを消去してください。
maskableアイコンでロゴが小さく見える
ランチャーがmaskableアイコンを円形に切り抜くことがあるため、アートワークは円形のセーフゾーンに収まるよう縮小されます。大きくしたい場合は余白を減らしてください。丸いマークなら円いっぱいに広げられます。
パスのプレフィックスでマニフェストは変わりますか？
いいえ。site.webmanifest内のアイコンのパスはマニフェストからの相対パスなので、ファイルがまとまっていればどのフォルダーでも動作します。プレフィックスはfavicon.html内のパスに使われます。
利用条件と料金
アップロードしたファイルやロックを解除済みの結果に使う場合、このツールにクレジットはかかりません。 ファイルの保存期間は、ゲストは24時間、アカウントは30日です。料金をご覧ください。