あらゆるデバイスに対応するfaviconジェネレーター
どんな画像も、favicon.ico、Apple touch icon、AndroidやPWA用アイコン、そしてコピーして貼るだけのHTMLコードに変換。ピクセル単位でオリジナルアイコンを描くこともできます。
ライブプレビュー
アプリ設定
詳細オプション
アイコンセット
favicon.ico に含めるサイズ
画像は安全に処理され、公開されることはありません。
faviconパッケージの準備ができました
ZIPからファイルをアップロードし、このコードを <head> に貼り付けてください
3ステップでfaviconを作成する方法
ロゴや画像から、標準規格に準拠した完全なfaviconセットを1分足らずで作成できます。
画像をアップロード
PNG、JPG、WebP、AVIF、GIF、SVG、ICOファイルをジェネレーターにドロップするか、ピクセルエディターでアイコンを描きます。
トリミングと色を調整
画像をドラッグしてズームし、余白、角丸、背景、テーマカラーを設定します。
ダウンロードして設置
ZIPをダウンロードし、ファイルをウェブサイトにアップロードして、HTMLコードを <head> に貼り付けます。
ウェブサイトのアイコンに必要なものがすべて揃います
1回のアップロードで、最新のブラウザ、スマートフォン、タブレット、OSが求めるすべてのアイコンを作成します。
ブラウザ用favicon
マルチサイズの favicon.ico に加え、Chrome、Firefox、Safari、Edge向けの16・32・96 pxのPNGアイコンを用意。
Apple touch icon
57〜180 pxまで、iPhoneとiPadのホーム画面用サイズをすべて、単色背景で用意。
AndroidとPWA
最大512 pxのアイコン、マスカブルアイコン、インストール可能なウェブアプリ向けの完成済み manifest.json。
Windowsタイル
タイル画像と、タイルカラーを反映した browserconfig.xml。
ピクセルエディター
くっきりした16×16のアイコンをゼロから描いたり、アップロードした画像をピクセル単位で微調整したりできます。
HTMLコード付き
ダウンロードページと各パッケージのreadmeに、コピー&ペーストでそのまま使える <head> 用コードを記載しています。
REST API
個人用APIキーとすぐに使えるコード例で、favicon生成を自動化できます。
プライベートで安全
ホットリンクも公開ギャラリーもなし。アイコンはあなただけのもので、ご自身のサーバーでホスティングされます。
パッケージに含まれるfaviconのサイズ
| ファイル | サイズ | 用途 |
|---|---|---|
favicon.ico | 16, 32, 48 | すべてのブラウザ、Windows、クローラー |
favicon-16x16.png, favicon-32x32.png | 16, 32 | ブラウザのタブ、ブックマーク |
favicon-96x96.png | 96 | Google検索結果、デスクトップのショートカット |
apple-icon-*.png, apple-touch-icon.png | 57 – 180 | iPhone、iPadのホーム画面 |
android-icon-*.png, web-app-manifest-*.png | 36 – 512 | Androidのホーム画面、PWA |
maskable-icon-512x512.png | 512 | Androidのアダプティブアイコン |
ms-icon-*.png | 70 – 310 | Windowsのスタートタイル |
manifest.json, site.webmanifest, browserconfig.xml | — | PWAのインストール、Windowsの設定 |