画像リサイザー
画像のサイズとオプションの JPEG ファイル サイズ制限を一緒に設定します。画像全体を保持するか、境界線を追加して正確なキャンバスを作成します。
画像ローカルで処理される
ファビコンジェネレーター
ICO および PNG ファビコンを作成し、小さなアイコンをプレビューし、ブラウザーで完全な ZIP をダウンロードします。
画像を選択し、パディングと背景色を設定し、小さなプレビューを確認して、ZIP を生成してダウンロードします。
ロゴをファビコンセットに変える画像を 1 つ選択するか、ここにドロップしますPNG、JPEG、WebP または SVG · 10 MB · 片面あたり 4096 ピクセル
サポートされていない SVG コンテンツは削除されました。ダウンロードする前にプレビューを確認してください。
極小サイズをチェック
The 16, 32 and 48 pixel previews are shown at actual size. 16 ピクセルでは細かい部分が消えてしまう可能性があります。
ファビコンセットの準備ができました
ZIP には ICO、SVG、5 つの PNG、アイコンのマニフェスト、HTML コードの計 9 ファイルが入ります。
favicon.icofavicon.svgfavicon-16x16.pngfavicon-32x32.pngapple-touch-icon.pngandroid-chrome-192x192.pngandroid-chrome-512x512.pngsite.webmanifestfavicon-html.txt
ファビコンの HTML スニペット · <head>
サイト上でファイルをホストし、パスを調整します。アイコンのエントリを既存のマニフェストにマージします。
使用方法
ファビコンとは何ですか?
ファビコンは、ブラウザのタブ、ブックマーク、履歴のページ タイトルの横に表示される小さなアイコンです。ファビコンは非常に小さいため (多くの場合、わずか 16 × 16 ピクセル)、優れたファビコンはシンプルでコントラストが高く、一目でそれと認識できるものです。このジェネレーターは、ブラウザー内で画像を一般的なファビコン サイズに変換します。何もアップロードされていません。
2026 年に必要なサイズ
| ファイル | サイズ | 用途 |
|---|---|---|
| favicon.ico | 16, 32, 48 | ブラウザのタブとブックマーク |
| favicon.svg | 512 × 512 | SVG 対応ブラウザ。埋め込みPNG |
| favicon-16x16.png, favicon-32x32.png | 16, 32 | PNG フォールバック |
| apple-touch-icon.png | 180 × 180 | iOSのホーム画面とSafari |
| android-chrome-192x192.png, android-chrome-512x512.png | 192, 512 | Android および PWA アイコンのエントリ |
形式と制限
PNG、JPEG、WebP、およびプレーン SVG 入力がサポートされています。ファイルは 10 MB、片面あたり 4096 ピクセルに制限されます。アニメーション画像はサポートされていません。 SVG 入力はブラウザでラスタライズされます。スクリプト、外部参照、画像、スタイルシート、フィルター、アニメーションは削除され、レンダリングされません。テキストには利用可能なローカル フォントが使用されます。 SVG がこれらの機能を使用している場合は、プレビューを確認してください。
The ICO contains 16×16, 32×32, and 48×48 PNG-compressed entries. Downscaling uses multi-step resampling, but a detailed photo still loses detail at 16 pixels — simple marks work best. Transparency is preserved in ICO and PNG when selected; Apple タッチ アイコンは単色の背景を使用します。 The SVG output embeds a PNG and is not a vector conversion.オリジナルは変更されません。
よくある質問
ファビコンのサイズはどれくらいにすればよいですか?
複数サイズの ICO（16/32/48）、180×180 の Apple タッチアイコン、Android 用の 192/512 PNG を用意します。これらは一般的なサイズであり、すべての端末がすべてのファイルを使うとは限りません。
ICO と PNG — どちらが必要ですか?
ICO フォールバックと PNG または SVG の代替手段を含めます。 HTML スニペットをコピーし、ファイルをホストする場所に一致するようにパスを更新します。
ブラウザは SVG ファビコンをサポートしていますか?
最新のブラウザの多くは SVG ファビコンをサポートしています。そうでないブラウザの場合は、ICO フォールバックを保持します。このツールは、SVG 内に 512×512 の PNG を埋め込みます。ロゴをベクター パスにトレースすることはありません。
ファビコンを置き換えましたが、古いファビコンがまだ表示されています。なぜ？
ブラウザはファビコンを積極的にキャッシュします。ハードリフレッシュを試すか、ブラウザのキャッシュをクリアしてください。ファイル パスを確認し、キャッシュされたアイコンが続く場合はファイル名またはバージョン クエリを変更します。
私の透明な背景は iPhone でも機能しますか?
Apple タッチアイコンは、ここで選んだ Apple 背景色で常に塗りつぶされます。透明を選ぶと ICO とその他の PNG は透明を保持します。
この ZIP を使用すると、サイトを PWA としてインストールできるようになりますか?
いいえ。マニフェストにはアイコン エントリのみが含まれます。これらを既存のマニフェストにマージするか、名前、開始 URL、およびサイトに必要なその他の PWA 設定を追加します。