無料オンラインツール
PNG→ICO変換ツール(ファビコン作成)
このツールの入力データはブラウザ内で処理します
PNG・JPG・SVGなどの画像からICOファイルを作成できます。16・32・48pxのファビコン(favicon.ico)や、256pxまで含むWindowsアイコンに対応。透明な背景もそのまま、ブラウザ内で変換します。
1. 画像を選択
アイコンにしたいPNG・JPEG・WebP・GIF・BMP・SVG画像を1枚選びます。正方形の画像がおすすめです。
ここに画像をドロップ
または
1枚・最大30MB(SVGは10MB)
画像はサーバーへ送信されません。変換はすべてブラウザ内で行います。
2. アイコンのサイズ
3. 変換結果
ICOをダウンロードウェブサイトのファビコンにする場合は、ファイル名を「favicon.ico」にしてサイトの一番上の階層に置くか、HTMLの<head>に<link rel="icon" href="/favicon.ico" sizes="any">を書きます。
PNGをICOに変換する方法
- アイコンにしたい画像を1枚選ぶか、画面にドラッグ&ドロップします。PNG・JPEG・WebP・GIF(静止画)・BMP・SVGに対応しています。
- ICOに含めるサイズを選びます。[ファビコン向け][Windowsアイコン向け]を押すと、よく使われるサイズをまとめて選べます。
- 正方形でない画像の場合は、全体を入れて余白を透明にするか、中央を正方形に切り抜くかを選びます。
- [ICOに変換]を押し、サイズごとのプレビューを確認してダウンロードします。
ファビコン(favicon.ico)を作る
ファビコンは、ブラウザのタブやブックマークに表示されるサイトのアイコンです。16・32・48pxを含むICOファイルを作り、ファイル名を「favicon.ico」にしてサイトの一番上の階層に置くと、多くのブラウザで表示されます。HTMLの<head>に<link rel="icon" href="/favicon.ico" sizes="any">と書いておくと確実です。
スマートフォンのホーム画面に追加したときのアイコン(apple-touch-icon)には、ICOではなく180×180pxのPNGを使います。PNGのサイズ変更は画像圧縮・リサイズツールでできます。
Windowsのアイコンを作る
アプリやフォルダのアイコンに使う場合は、[Windowsアイコン向け]で16〜256pxのすべてのサイズを入れておくと、エクスプローラーの表示を大きくしたときもきれいに表示されます。元の画像は256px以上の正方形がおすすめです。
作成されるICOファイル
256px未満のサイズは、古いソフトでも読める透明度付きの32ビットBMP形式、256pxは容量を抑えられるPNG形式で格納します。Windowsで一般的に使われているICOファイルと同じ構成です。作成後はファイルを読み直して、選んだサイズがすべて入っていることを確認しています。
利用上の注意
変換できるのは1回に1枚で、画像は30MB(SVGは10MB)までです。元の画像より大きいサイズを選ぶと拡大して作るため、ぼやけることがあります。アニメーションGIFには対応していません。PNG・JPEG・WebPの形式を変換したい場合は画像形式変換ツール、SVGをPNGにしたい場合はSVG→PNG変換ツールを使ってください。
よくある質問
ICOとは何ですか?
Windowsのアイコンや、ウェブサイトのファビコン(ブラウザのタブに表示される小さなアイコン)に使われる形式です。1つのファイルに16×16px、32×32pxなど複数のサイズの画像を入れておけます。
どのサイズを選べばよいですか?
ファビコンには16・32・48pxが一般的です。Windowsのアプリやフォルダのアイコンには、16〜256pxをすべて入れておくと、表示の大きさが変わってもきれいに表示されます。
背景を透明にできますか?
元の画像の透明な部分は、ICOでも透明のまま保存します。背景を透明にしたい場合は、背景が透明なPNGやSVGから変換してください。JPEGは透明な部分を持てない形式です。
JPGやSVGからも変換できますか?
できます。PNGのほか、JPEG・WebP・GIF(静止画)・BMP・SVGから変換できます。SVGは大きく描いてから縮小するため、小さいサイズでも輪郭がきれいに出ます。
小さいサイズがぼやけて見えます
16pxなどの小さいアイコンでは、細い線や文字はつぶれて見えにくくなります。小さいサイズでも見やすいよう、線を太くしたり、要素を減らしたりした画像を使うのがおすすめです。
画像はアップロードされますか?
送信されません。画像の読み込みとICOファイルの作成はすべてブラウザ内で行われます。