tools / png-to-ico
png-to-ico/
PNG・JPG・WebP・SVG を ICO アイコンに変換。1 つの .ico に複数サイズをまとめ、サイトの favicon や Windows アイコンに使えます。透過も保持。画像はアップロードせず、ブラウザ内で変換します。
プレビュー
各サイズは実際のピクセル数で表示しています。市松模様の部分が透明です。
PNG を ICO に変換する方法
- 画像を選択またはドロップします。PNG・JPG・WebP・SVG・GIF・BMP に対応しています。
- サイズを選びます。アプリ・ショートカット・フォルダーのアイコンなら「Windows 用」、サイトのアイコンなら「サイト favicon」。自分でチェックしても構いません。
- 各サイズのプレビューを確認して「ICO をダウンロード」を押します。
ICO に入れるべきサイズ
Windows アイコン:Microsoft は最低でも 16・24・32・48・256 の 5 サイズを含めるよう推奨しています。Windows はまず同じサイズを探し、なければひとつ大きいサイズを縮小して使うため、256 を入れておけば拡大されることはありません。高解像度の画面でよりくっきり表示したい場合は 20・40・64 も追加してください。
サイトの favicon:ブラウザのタブでは 16 と 32 が使われます。Google は検索結果用に 48×48 より大きい favicon を推奨しているため、プリセットには 64 も入れています。ファイル名を favicon.ico に変えてサイトのルートに置けば、ブラウザは通常自動で読み込みます。head に次の 1 行を加えても構いません:
<link rel="icon" href="/favicon.ico">
元画像は正方形で 256×256 以上が理想です。小さい画像を 256 に拡大するとぼやけるため、その場合は変換時にお知らせします。
生成される ICO ファイル
- 256 未満のサイズは透過チャンネルとマスク付きの 32 ビット BMP で保存し、互換性を最優先しています(PNG 圧縮のアイコンは Windows Vista 以降のみ対応)。256 は PNG 圧縮でファイルを小さくしています。
- 透過はそのまま保持されます。JPG にはもともと透過がないため、元の背景色が残ります。
- 正方形でない画像は、透明な余白を足すか、中央を正方形に切り抜くかを選べます。
- 画像はブラウザ内だけで処理され、どのサーバーにもアップロードされません。
よくある質問
JPG や SVG も ICO に変換できますか?
できます。SVG はベクター形式なので、各サイズを目標の大きさで描き直し、小さいサイズでもくっきりします。
16×16 がぼやけて見えるのはなぜ?
細部の多い画像は 16 ピクセルに縮めるとどうしても見づらくなります。小さいサイズには、線が太く、文字が少なく、コントラストの強いシンプルな図柄がおすすめです。