無料ツールDesign

ウェブサイトに必要なすべてのファビコンサイズを 1 つの画像から生成します

ロゴやアイコンをアップロードすると、このツールは、クラシックな 16 x 16 ICO から Android ホーム画面の 512 x 512 PNG まで、最新のブラウザー、オペレーティングシステム、PWA マニフェストに必要なすべてのサイズでファビコンを出力します。 HTML スニペットが含まれたすぐに展開できるパッケージをダウンロードします。

このツールは無料で使用できます

特徴

完全なサイズをカバー

従来のブラウザの場合は 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 アイコン (透明度をサポートしていない) の塗りつぶし色を単色に設定します。ダウンロードする前に両方のモードをプレビューしてください。

使用方法

画像をアップロードする

PNG、SVG、JPEG、または WebP ファイルをジェネレーターにドロップします。 512 ピクセル以上の正方形の画像では、最も鮮明な結果が得られます。

切り取って調整する

切り抜きハンドルをドラッグして、アイコン領域を分離します。アイコンに余裕が必要な場合は、パディングを追加します。背景を透明または単色に設定します。

すべてのサイズをプレビューする

このツールはすべてのターゲットサイズを同時にレンダリングするため、アイコンが 16 ピクセルで認識可能で、512 ピクセルで鮮明に見えることを確認できます。

パッケージをダウンロードする

すべての favicon ファイルと、サイトの <head> タグに貼り付けてすべてのアイコンを正しく参照できる HTML スニペットを含む ZIP をダウンロードします。

仕様

出力サイズ (px)	16、32、48、180、192、512
出力フォーマット	ICO（マルチレイヤー）、PNG
入力フォーマット	PNG、SVG、JPEG、WebP
推奨入力	512 x 512 ピクセル以上、正方形
アップルタッチアイコン	180 x 180 ピクセル (オプションのソリッド背景付き)
処理	クライアント側 (アップロードなし)

Related Magic Eraser Tools

Background Eraser Ai Enhance

よくある質問

どのくらいの画像サイズから始めればよいでしょうか?

少なくとも 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 をルートディレクトリに配置することもサポートしています。