画像をICOに変換
手元にある画像からfavicon.icoやWindowsアイコンを作成できます。ロゴのPNG、デザイナーから届いたSVG、ブランドキットのJPG、スマホで撮った写真でも構いません。出力ファイルには複数のサイズが含まれます。このページでは、どの元画像が最適か、各プラットフォームがほかにどのアイコンファイルを必要とするかも解説します。
画像変換
またはJPG, JPEG, JPE … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
85 なら写真は元の画像と見た目がほぼ変わりません。ファイルを小さくしたいときだけ下げてください。
JPG、BMP、EPS は透過に対応していません。透明な部分はこの色で塗りつぶされます。
透明な部分の背景に使う16進カラーです(例: #FFFFFF)。
この形式には 1 枚の画像しか保存できません。アニメーションを残すには GIF または WebP を選んでください。
マルチサイズのアイコンは 1 つのファイルに複数の解像度を含み、ブラウザや OS が必要なサイズを選びます。
元のサイズを維持するか、片方の辺を入力すると縦横比を保ったままサイズ変更します。
上で選んだ辺のピクセル数です。
元のサイズに対する割合です。
画面や Web には sRGB が適しています。印刷用途では元の色空間を維持してください。グレースケールにすると色情報は失われます。
メタデータのみ変更します。0 なら元の値を維持します。プリンターや一部のサイトがこの値を読み取りますが、ピクセル数は変わりません。
このツールの使い方
- 1
できるだけきれいな元画像を選ぶ
アイコンにしたい画像をアップロードします。256 × 256 px 以上の正方形のロゴやシンボルが理想的です。
- 2
アイコンサイズは「すべて」のままにする
詳細設定のアイコンサイズは、最初はすべてのサイズ(16–256)になっています。プログラムがちょうど1つのサイズを要求する場合のみ、単一のサイズを選んでください。
- 3
変換して確認する
ICOに変換 →を押してファイルをダウンロードし、公開する前にブラウザのタブやデスクトップで表示を確認します。
画像をICOアイコンに変換するには?
256 × 256 px 以上の正方形の画像をアップロードし、アイコンサイズをすべてのサイズ(16–256)のままにしてICOに変換 →を押します。16、32、64、128、256 px の画像を1つにまとめたファイルができ、favicon.ico やWindowsのショートカットアイコンとしてそのまま使えます。
画像をICOに変換：どの元画像から始めるか
ICOはMicrosoftのアイコンコンテナで、Windowsと同じくらい古い形式です。1枚の画像ではなく、複数の画像の小さなディレクトリを保存し、Windows Vista以降は最大の 256 px のエントリをPNG圧縮にできます。ブラウザが採用したのは1999年で、Internet Explorer 5がすべてのサイトに /favicon.ico を要求し始めた時期です。
コンバーターは画像を最小 16 px まで縮小するため、どの設定よりも元の画像が結果を大きく左右します。アップロードする前に手元の素材を見比べ、横長なら先に正方形に切り抜いてください。画像トリミングなら、1:1の枠を数秒で設定できます。
ベクターロゴ(SVG、EPS、AI)
各サイズでゼロからラスタライズされるので、輪郭がくっきり保たれます。デザイナーから受け取れるなら最適です。
透過PNGまたはWebP
タブバーが透けて見える透明な背景を保てます。256 px 以上の画像から始めてください。
JPG、HEIC、スクリーンショット
使えますが、四角い背景も一緒に残ります。角が意図したものに見えるよう、塗りつぶすか切り抜いてください。
各プラットフォームがアイコンファイルを探す場所
32 × 32 px
favicon.ico(ブラウザのタブ)
タブとブックマークでは 16 px と 32 px が使われます。このページのICOは両方に対応します
256 × 256 px
Windowsのショートカットまたは.exe
大きいアイコン表示や高DPI画面では 256 px のエントリが選ばれます
180 × 180 px
apple-touch-icon.png
ICOではなくPNG。サイトをiPhoneのホーム画面に追加したときに使われます
512 × 512 px
Webアプリマニフェストのアイコン
インストール可能なWebアプリ用に、192 px 版とあわせてmanifest.jsonに記載するPNG
ANY I
あらゆる画像
このツールは、JPG、PNG、WebP、HEIC、GIF、BMP、TIFF など、一般的な画像形式に対応しています。形式はファイルから自動的に判別されるので、画像の種類を知らなくても大丈夫です。
ICO
Windowsアイコン
ICOは、Windowsのプログラムアイコンやウェブサイトのファビコンに使われるMicrosoftのアイコン形式です。1つの.icoファイルに16×16、32×32、48×48、256×256ピクセルなど複数サイズの画像を含められ、システムが最適なものを選びます。各画像はビットマップまたはPNGデータで保存でき、完全なアルファ透過に対応します。写真や大きなイラスト向けではありません。ブラウザ、Windows、ほとんどのアイコンエディタで読み込めます。
- 圧縮方式
- 可逆
- 透過
- 対応
- アニメーション
- 非対応
- 登場時期
- Microsoft
ブラウザのタブ、Windowsのショートカット、インストーラーは.icoファイルを1つ求めるのに、手元にあるのは別形式のロゴ、スクリーンショット、写真だけ、という場面で、任意の画像をICOに変換します。ICOからPNGを取り出すのは逆の作業で、アートワークの復元にあたります。
ICOに変換する前の16 px判読テスト
16 × 16 px のアイコンは、全部で256ピクセルしかありません。文字のロゴ全体はグレーの塊になってしまいますが、太い1文字やシンボルなら見分けられます。変換する前に、ビューアーで元の画像を 16 px に縮小し、30個のタブが並んでいても見分けられるか確かめてください。
形と同じくらいコントラストも重要です。タブは明るいブラウザテーマにも暗いテーマにも表示されるため、透明背景の黒いロゴはダークモードで見えなくなることがあります。細い明るい縁取りや、シンボルの後ろに角丸の塗りつぶし四角形を置くと、どちらでも見えます。macOSのアプリバンドルにはICNSが必要です。PNGをICNSに変換なら、同じ素材からそのファイルを作れます。
画像のICO変換に関するよくある質問
このページでICOに変換できる画像形式は？
コンバーターが読み込める画像ならどれでも使えます。PNG、JPG、SVG、WebP、AVIF、HEIC、GIF、BMP、TIFF、PSD、カメラのRAWなどです。透過PNGやSVGなら輪郭がもっときれいに仕上がります。JPGも使えますが、四角い背景がそのまま残ります。
favicon.icoだけで十分？ほかのアイコンファイルも必要？
.icoはどこでもブラウザのタブやブックマークに対応します。iPhoneやiPadは apple-touch-icon という名前の 180 × 180 px のPNGを探します。Chromeは、Webマニフェストに 192 px と 512 px のPNGアイコンが記載されている場合にのみ、サイトをアプリとしてインストールするよう案内します。
WindowsではICO内に48 pxの画像が必要ですか？
エクスプローラーの中アイコン表示では、アイコンが 48 px で描画されます。ファイルに 48 px のエントリがない場合、Windowsは次に大きいエントリ、ここでは 64 px の画像を縮小して使います。太い図柄なら通常は問題なく見えますが、細い線の絵柄はぼやけることがあります。
1つのICOで16 pxと256 pxに別のデザインを表示できますか？
形式としては可能で、システムアイコンでは最小サイズ用に簡略化した絵を使うことがよくあります。このコンバーターは1枚の画像をすべてのサイズに拡大縮小します。16 px 用に専用の絵が必要な場合は、そのアートワークを別に書き出し、アイコンサイズを 16 px にして変換してください。
ICOに変換する前に、16 pxで判読できるか確認するには？
任意のエディターで 16 px に縮小し、100%で表示してください。何なのか分からなければ、細部を減らします。キャッチコピーを外し、頭文字やシンボルだけを残して、細い線を太くしましょう。
favicon.icoはWebサイトのどこにアップロードすればよいですか？
サイトのルートに置き、/favicon.ico で応答するようにします。タグで指定していなくても、ブラウザはこのアドレスにリクエストするためです。ページの head に rel="icon" のlinkタグを入れれば、別の場所に置くこともできます。