画像リサイザー
画像のサイズとオプションの JPEG ファイル サイズ制限を一緒に設定します。画像全体を保持するか、境界線を追加して正確なキャンバスを作成します。
ICO および PNG ファビコンを作成し、小さなアイコンをプレビューし、ブラウザーで完全な ZIP をダウンロードします。
画像を選択し、パディングと背景色を設定し、小さなプレビューを確認して、ZIP を生成してダウンロードします。
サポートされていない 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<head>サイト上でファイルをホストし、パスを調整します。アイコンのエントリを既存のマニフェストにマージします。
画像を選択し、パディングと背景色を設定し、小さなプレビューを確認して、ZIP を生成してダウンロードします。
例: 透明な 1024×1024 ロゴをアップロードし、透明度を維持し、10% のパディングを使用します。 ZIP には、ICO (16/32/48)、5 つの PNG、PNG を含む SVG、アイコン マニフェスト、および HTML スニペットが含まれています。単純なマークは 16 ピクセルでより鮮明になります。細かい部分が消えてしまう可能性があります。
ファビコンは、ブラウザのタブ、ブックマーク、履歴のページ タイトルの横に表示される小さなアイコンです。ファビコンは非常に小さいため (多くの場合、わずか 16 × 16 ピクセル)、優れたファビコンはシンプルでコントラストが高く、一目でそれと認識できるものです。このジェネレーターは、ブラウザー内で画像を一般的なファビコン サイズに変換します。何もアップロードされていません。
| ファイル | サイズ | 用途 |
|---|---|---|
| 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 または SVG の代替手段を含めます。 HTML スニペットをコピーし、ファイルをホストする場所に一致するようにパスを更新します。
最新のブラウザの多くは SVG ファビコンをサポートしています。そうでないブラウザの場合は、ICO フォールバックを保持します。このツールは、SVG 内に 512×512 の PNG を埋め込みます。ロゴをベクター パスにトレースすることはありません。
ブラウザはファビコンを積極的にキャッシュします。ハードリフレッシュを試すか、ブラウザのキャッシュをクリアしてください。ファイル パスを確認し、キャッシュされたアイコンが続く場合はファイル名またはバージョン クエリを変更します。
Apple タッチアイコンは、ここで選んだ Apple 背景色で常に塗りつぶされます。透明を選ぶと ICO とその他の PNG は透明を保持します。
いいえ。マニフェストにはアイコン エントリのみが含まれます。これらを既存のマニフェストにマージするか、名前、開始 URL、およびサイトに必要なその他の PWA 設定を追加します。