16ピクセルでも残る絵画
Faviconサイズでは、ワードマークは読めず、細いストロークは消えてしまいます。最も小さいエクスポートをテストし、残らない場合はソースを簡略化してください。
Faviconとアプリアイコンのリサイズツール
Faviconセットは1つのファイルではなくサイズの階層です：ブラウザタブ用の16、32、48ピクセル、Appleタッチアイコン用の180ピクセル、AndroidおよびWebアプリのマニフェスト用の192と512ピクセル。このページでは、最大の絵画素材からこれらの正方形サイズへリサイズするため、タブサイズでもマークが認識可能なままです。一度に縮小し続けていくのではなく、元の解像度から適切なサイズへ調整します。
ファイルを選択
アイコンサイズに切り分けるためのロゴ絵画素材をアップロード
または下のボタンから選択 · 画像はCtrl+Vで貼り付け
JPG、PNG、WEBP · 最大 10 枚 · 各 20 MB · ブラウザ内で処理
選択した画像 (0)
Faviconとアプリアイコンのリサイズツールに関するよくある質問
Faviconにはどのサイズが必要ですか？
一般的に16、32、48ピクセル、Appleタッチ用の180ピクセル、マニフェスト用の192と512ピクセルが必要です——すべて同じ絵画から作成される正方形です。
Faviconの背景は透明にすべきですか？
タブは小さく表示されるため、透明性はダークモードで消失しがちです。通常、単色またはコントラストのある背景の方が読みやすくなります。
元のファイルは変更されますか？
結果は別ファイルとしてダウンロードされます。「16から512までのアイコンサイズ」を確認するまで、オリジナルは保持してください。
結果を使用する前に確認すべきことは何ですか？
そのアセットを使用するアプリケーションで「16から512までのアイコンサイズ」を開き、重要となる箇所をスポットチェックしてください。異なるオプションで再実行する必要ができた場合、元のファイルは無傷のままです。
この操作について
結果をダウンロードする前に
「16から512までのアイコンサイズ」をオリジナルと同じフルサイズで並べて開き、文字の縁、顔、フラットな背景を確認してください。サムネイルで誤って見えない段階で、再エンコードによりディテールが失われます。
このFaviconとアプリアイコンのリサイズツールは何をするのか
1つのソース画像から、一般的な正方形のPNGアイコンサイズを作成します。このツールは選択したサイズをZIPファイルにパッケージングし、それらのPNGファイルにリンクする簡易的なsite.webmanifestも含まれます。ウェブサイト、PWAプロトタイプ、アプリのショートカット、デザイン移管のための小さなアイコンセットを準備する際に役立ちます。
このワークフローはPNGファイルをエクスポートします。ブラウザのCanvas APIがすべてのICOバリアントを一貫して作成できないため、ICOバイナリを保証するものではありません。プラットフォームが特にICOファイルを必要とする場合、PNGパックをダウンロードした後、文書化された変換ステップを使用してください。
アイコンパックの作成方法
- 明確な被写体のエッジを持つ正方形のロゴ、イラスト、またはその他の画像をアップロードします。
- 必要なPNGサイズ（ブラウザの小さなアイコン、ショートカットアイコン、または大きなアプリアイコンなど）を選択します。
- 作成してダウンロード を選択します。
- ZIPファイルを開き、各アイコンを実際のサイズで確認してください。小さなアイコンには、簡略化されたロゴまたは高いコントラストが必要な場合があります。
良いソース画像の準備
最も大きく選択したサイズに十分な詳細がある、鮮明な画像から開始してください。正方形のソースは予想外のトリミングを避けます。一部のブラウザやオペレーティングシステムが独自のマスクや丸みを帯びた形状でアイコンを表示するため、重要なマークを画像の外側に近づけないようにしてください。
ダウンロードには何が含まれるか
ZIPには、チェックされたすべてのサイズについて1つのPNGずつ含まれ、icon-192x192.pngのような名前を使用します。また、対応するアイコンエントリを含むsite.webmanifestも含まれます。マニフェストはWebプロジェクトの開始点です。公開前に、名前、開始URL、表示モード、その他のサイト固有の値を確認してください。
プライバシーとファイル処理
ソース画像はブラウザ内でローカルに処理されます。PNGファイルとマニフェストはあなたのデバイス上でZIPに組み立てられます。このワークフローにはアカウント登録や画像のアップロードは必要ありません。
よくあるご質問
このツールはICOファイルを作成できますか？
いいえ。PNGアイコンサイズとWebマニフェストを作成します。PNGが受け入れられる場合はPNGパックをそのまま使用し、ICOファイルが必要な場合はプラットフォーム固有のツールで変換してください。
どのアイコンサイズを選択すべきですか？
サイトやアプリに必要なサイズを選択します。必要なサイズだけを選択することで、ダウンロードサイズが小さくなり、アセットの移替の確認が容易になります。
このツールは低解像度の画像を鮮明にできますか？
リサイズはピクセル次元を変更しますが、ソースに存在しなかった詳細を再作成することはできません。鮮明な高解像度のソースを使用し、公開前に最も小さいアイコンを確認してください。