無料ファビコンジェネレーター
あらゆる画像を完全なファビコンセットに変換できます。ICO形式、16×16から512×512までのPNG形式、そしてApple Touchアイコンに対応。すべてすぐに使えるZIPファイルとしてエクスポートされます。
ここに画像をドロップしてください
またはクリックして閲覧 — JPG、PNG、WebP、SVG
サイトに必要なすべてが揃っています
画像を1枚入力するだけで、複数のサイズに対応したファビコンパッケージが完成します。Photoshopもオンラインアカウントも不要です。
ICOフォーマットが含まれています
IE以降のクラシックブラウザとの互換性を確保するため、マルチ解像度(16×16、32×32、48×48)の.icoファイルを生成します。
すべてのPNGサイズ
16×16、32×32、48×48、96×96、180×180、および512×512ピクセルのPNGファイルをエクスポートします。これらはChrome、Firefox、Safariに必要なすべてのサイズです。
Apple Touchアイコン
iOSホーム画面のブックマークやPWA起動アイコン用の180×180ピクセルのapple-touch-icon.pngが含まれています。
ZIPファイルをダウンロード
すべてのファビコンファイルが1つのZIPファイルにまとめられており、追加すべきタグを正確に示すすぐに使えるHTMLスニペットも含まれています。
完全非公開 — 未アップロード
画像のサイズ変更とエンコードはすべて、Canvas APIを使用してブラウザ内でローカルに行われます。画像がデバイスから外部に送信されることはありません。
SVGソースをサポート
SVGロゴをアップロードすると、あらゆるサイズでピクセルパーフェクトなラスタライズされたファビコンが生成されます。ベクターベースのブランドマークに最適です。
ファビコンジェネレーターは誰が使っているのか
ウェブサイトを立ち上げる開発者やデザイナーで、完全なファビコンパッケージが必要な方。
ウェブサイト開設
サイト公開日に合わせて、ファビコンパッケージを準備しましょう。ICOファイル、PNGサイズ、Apple Touchアイコンがすべて1つのダウンロードファイルに含まれています。
- すべてのサイズを一度に生成する
- HTMLスニペットを取得してheadに貼り付けます
- 古いブラウザを.ico形式でサポートします
PWAとアプリのアイコン
プログレッシブウェブアプリ用の適切なマニフェストアイコンサイズを作成します。192×192ピクセルと512×512ピクセルのPNG画像がデフォルトで含まれています。
- PWAマニフェストアイコンを生成する
- iOSホーム画面アイコンを作成する
- Androidのスプラッシュスクリーン用に512×512ピクセルでエクスポートする
ブランド刷新
ロゴを更新しましたか?デザインソフトを使わずに、新しいソース画像からファビコンセット全体を再生成できます。
- 更新されたロゴSVGから再生成
- 古いICOファイルを新しいバージョンに置き換えてください。
- Apple Touch Iconを数秒でアップデート
ファビコンを3つのステップで生成する方法
ロゴやアイコンの画像をアップロードエリアにドラッグ&ドロップしてください。JPG、PNG、WebP、SVG形式に対応しています。
ダウンロードする前に、エクスポートしたすべてのサイズでファビコンのライブプレビューを確認し、鮮明に表示されることを確認できます。
「ダウンロード」をクリックすると、すべてのサイズの画像、.icoファイル、そして貼り付け可能なHTMLスニペットが含まれたZIPファイルがダウンロードされます。
よくある質問
オンラインでファビコンを作成する際のよくある質問。
ダウンロードに含まれるサイズはどれですか?
ZIPファイルには、favicon.ico(16、32、48ピクセル)、favicon-16x16.png、favicon-32x32.png、favicon-48x48.png、favicon-96x96.png、apple-touch-icon.png(180×180)、およびPWAマニフェスト用のicon-192x192.pngとicon-512x512.pngが含まれています。
私の画像はサーバーにアップロードされていますか?
いいえ。サイズ変更とエンコードはすべてCanvas APIを使用してブラウザ内で完結します。画像がデバイスから外部に送信されることはありません。
使用するのに最適な元画像は何ですか?
最も鮮明な出力を得るには、少なくとも512×512ピクセルの正方形の画像を使用してください。SVGロゴは、画質を損なうことなくあらゆる解像度でラスタライズできるため、最良の結果が得られます。
自分のサイトにどのようなHTMLコードを追加すれば良いですか?
ダウンロードしたZIPファイルには、必要なリンクタグとメタタグがすべて含まれたsnippet.htmlファイルが含まれています。これらをHTMLのheadセクションに追加してください。最も重要なタグは、ブラウザ用のfavicon.ico、iOS用のapple-touch-icon、そしてWebアプリのマニフェストで使用する2つのPNGアイコンです。