ウェブサイトに必要なすべてのファビコン サイズを 1 つの画像から生成します
ロゴやアイコンをアップロードすると、このツールは、クラシックな 16 x 16 ICO から Android ホーム画面の 512 x 512 PNG まで、最新のブラウザー、オペレーティング システム、PWA マニフェストに必要なすべてのサイズでファビコンを出力します。 HTML スニペットが含まれたすぐに展開できるパッケージをダウンロードします。
このツールは無料で使用できますBrowser tool
Favicon generator
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
使用方法
画像をアップロードする
PNG、SVG、JPEG、または WebP ファイルをジェネレーターにドロップします。 512 ピクセル以上の正方形の画像では、最も鮮明な結果が得られます。
切り取って調整する
切り抜きハンドルをドラッグして、アイコン領域を分離します。アイコンに余裕が必要な場合は、パディングを追加します。背景を透明または単色に設定します。
すべてのサイズをプレビューする
このツールはすべてのターゲット サイズを同時にレンダリングするため、アイコンが 16 ピクセルで認識可能で、512 ピクセルで鮮明に見えることを確認できます。
パッケージをダウンロードする
すべての favicon ファイルと、サイトの <head> タグに貼り付けてすべてのアイコンを正しく参照できる HTML スニペットを含む ZIP をダウンロードします。
特徴
完全なサイズをカバー
従来のブラウザの場合は 16 x 16、32 x 32、および 48 x 48 を生成します。 iOS 用の 180 x 180 Apple Touch アイコン。 Android PWA マニフェストの場合は 192 x 192 および 512 x 512。単一パスですべての一般的なサイズ。
ICO および PNG 出力
パッケージには、マルチ解像度の .ico ファイル (16、32、および 48 ピクセルのレイヤーを含む) と各サイズの個別の PNG ファイルが含まれています。どちらの形式も、HTML ヘッド タグで直接使用することができます。
クロップおよびパディングエディター
トリミング領域を調整して、画像のアイコン部分を分離します。パディングを追加して、アイコンがファビコンの正方形の端に触れないようにすることで、小さいサイズでの可読性が向上します。
バックグラウンド制御
最新のブラウザの背景を透明のままにするか、Apple Touch アイコン (透明度をサポートしていない) の塗りつぶし色を単色に設定します。ダウンロードする前に両方のモードをプレビューしてください。
After this task
After this free tool, open Background Eraser for the next AI editing workflow.
Continue with Background Eraser仕様
| 出力サイズ (px) | 16、32、48、180、192、512 |
| 出力フォーマット | ICO（マルチレイヤー）、PNG |
| 入力フォーマット | PNG、SVG、JPEG、WebP |
| 推奨入力 | 512 x 512 ピクセル以上、正方形 |
| アップルタッチアイコン | 180 x 180 ピクセル (オプションのソリッド背景付き) |
| 処理 | クライアント側 (アップロードなし) |
Related Magic Eraser Tools
よくある質問
どのくらいの画像サイズから始めればよいでしょうか?
+
少なくとも 512 x 512 ピクセルの正方形の画像から始めます。ジェネレーターはこのマスターからダウンスケールするため、高解像度のソースでは小さなサイズも鮮明に表示されます。 SVG ファイルは、品質を損なうことなく拡張できるため、最適に機能します。
6 つのサイズすべてが必要ですか?
+
互換性を最大限に高めるには、はい。 16 および 32 ピクセルの ICO はレガシー ブラウザーをカバーし、180 ピクセルの PNG は iOS Safari ブックマークに必要で、192/512 ピクセルの PNG は Android PWA インストール プロンプトとスプラッシュ スクリーンに必要です。
ファビコンをウェブサイトに追加するにはどうすればよいですか?
+
ダウンロード パッケージには HTML スニペットが含まれています。これをサイトの <head> セクションに貼り付けます。ブラウザーの場合は ICO ファイル、Apple および Android デバイスの場合は PNG ファイルを参照します。ほとんどのフレームワークは、favicon.ico をルート ディレクトリに配置することもサポートしています。
小さなファビコンにはロゴが複雑すぎますか?
Background Eraser を使用して完全なロゴからコア シンボルを分離し、クリーンなアイコンをファビコン ジェネレーターに入力します。 16 ピクセルでは、より単純な形状の方が読みやすくなります。
無料でお試しくださいMore free tools
Explore our other limited free edits after sign-in photo and image tools.
複数のカラーストップを使用して、線形、放射状、円錐形のグラデーションをデザインします。 CSS コードをコピーするか、PNG 画像としてダウンロードします。サインアップは必要ありません。
HEX、RGB、HSL、HSB、CMYK、CSS の名前付き形式の間で色を変換します。ライブ プレビューを表示し、任意の値をコピーし、カラー カードをエクスポートします。サインアップは必要ありません。
HEX カラー コードを RGB 値に、またはその逆に変換します。ライブ プレビュー、ワンクリック コピー、CSS スニペット出力。サインアップは必要ありません。ブラウザで動作します。
アップロードされた画像から任意の色を選択すると、その HEX、RGB、および HSL コードが即座に取得されます。 Web デザイン、ブランディング、イラスト用の写真からパレットを作成します。
写真をアップロードし、HEX、RGB、HSL コードを使用して 5 ～ 10 の主要な色を抽出します。スウォッチをコピーし、ASE または CSS 変数としてエクスポートします。サインアップは必要ありません。
URL、テキスト、WiFi 認証情報、および vCard の QR コードを生成します。色をカスタマイズし、センターのロゴを追加し、PNG または SVG としてダウンロードします。サインアップは必要ありません。