JPGをICOに変換
JPGの写真、ロゴ、アバターから.icoアイコンを作成します。1つのファイルに16〜256 pxの全サイズが入るため、ブラウザのタブ、ブックマークバー、Windowsのデスクトップがそれぞれ必要なサイズを選んで表示します。
画像変換
またはJPG, JPEG, JPE … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
85 なら写真は元の画像と見た目がほぼ変わりません。ファイルを小さくしたいときだけ下げてください。
JPG、BMP、EPS は透過に対応していません。透明な部分はこの色で塗りつぶされます。
透明な部分の背景に使う16進カラーです(例: #FFFFFF)。
この形式には 1 枚の画像しか保存できません。アニメーションを残すには GIF または WebP を選んでください。
マルチサイズのアイコンは 1 つのファイルに複数の解像度を含み、ブラウザや OS が必要なサイズを選びます。
元のサイズを維持するか、片方の辺を入力すると縦横比を保ったままサイズ変更します。
上で選んだ辺のピクセル数です。
元のサイズに対する割合です。
画面や Web には sRGB が適しています。印刷用途では元の色空間を維持してください。グレースケールにすると色情報は失われます。
メタデータのみ変更します。0 なら元の値を維持します。プリンターや一部のサイトがこの値を読み取りますが、ピクセル数は変わりません。
このツールの使い方
- 1
正方形のJPGをアップロード
256 × 256 px以上で、正方形にトリミングした画像を使ってください。複数のサイトやプログラム用にアイコンを作る場合は、1回に最大20枚のJPGを処理できます。
- 2
サイズを選ぶ
アイコンサイズはすべてのサイズ(16–256)に設定されています。プログラムが1つのサイズだけを求める場合は、詳細設定で32 pxなどのサイズを1つ選んでください。
- 3
「ICOに変換」を押す
.icoファイルをダウンロードし、Webサイト用ならfavicon.icoにリネームするか、Windowsのショートカットのアイコンに指定してください。
JPGをICOに変換してファビコンやWindowsのショートカットに
アイコンファイルはWindowsの初期のバージョンから使われており、ICOは今でもWindowsがプログラムやショートカットのアイコンを保存する形式です。Webサイトでは1999年に採用が始まりました。Internet Explorer 5が、お気に入りに追加されたサイトごとに/favicon.icoを要求するようになったためで、ブラウザは今もこのファイルを要求します。Windows Vistaでは最大サイズが256 × 256 pxに引き上げられ、その大きなエントリを圧縮PNGデータとして保存できるようになりました。
ICOファイルは、サイズごとの画像をまとめた小さなディレクトリです。ここがJPGを単にリサイズする場合との大きな違いです。ブラウザのタブは16 pxのエントリ、高密度ディスプレイのタブやタスクバーは32 pxのエントリ、Windowsデスクトップの大アイコン表示は256 pxのエントリを使います。各エントリは元画像から個別に縮小されるため、ロゴのJPGも1枚の小さな画像を引き伸ばすのではなく、どのサイズでもくっきり表示されます。
ICOファイルが必要な場面と求められるサイズ
| 機関 | 要件 | 出典 |
|---|---|---|
| ブラウザ(Chrome、Edge、Firefox、Safari) | サイトのルートにfavicon.ico、または<link rel="icon">。タブでは16 pxと32 pxが使われます | — |
| Google検索 | 検索結果の横に表示されるアイコンは、48 pxの倍数(48、96、144 …)の正方形のファビコン。ICOも利用できる形式です | — |
| Windowsショートカットの「アイコンの変更」ダイアログ | .icoファイル。256 pxなら大アイコン表示でもくっきり見えます | — |
| WordPressのサイトアイコン設定 | 512 × 512 px以上の正方形の画像。JPGやPNGから各サイズが自動生成されます | — |
JPG
JPEG画像
JPEG(JPG)は最も広く使われている写真形式で、1992年にJoint Photographic Experts Groupが標準化しました。目につきにくい細部を捨てる非可逆圧縮を使うため、写真をウェブ、メール、スマートフォンの保存に適した小さなサイズにできます。滑らかなグラデーションや自然な風景は得意ですが、くっきりした文字、線画、べた塗りの色ではブロック状やぼやけたノイズが目立ちます。JPEGには透過もアニメーションもなく、保存し直すたびに少しずつ画質が落ちます。すべてのブラウザ、スマートフォン、カメラ、画像エディタで開けます。
- 圧縮方式
- 非可逆
- 透過
- 非対応
- アニメーション
- 非対応
- 登場時期
- 1992 · Joint Photographic Experts Group
ICO
Windowsアイコン
ICOは、Windowsのプログラムアイコンやウェブサイトのファビコンに使われるMicrosoftのアイコン形式です。1つの.icoファイルに16×16、32×32、48×48、256×256ピクセルなど複数サイズの画像を含められ、システムが最適なものを選びます。各画像はビットマップまたはPNGデータで保存でき、完全なアルファ透過に対応します。写真や大きなイラスト向けではありません。ブラウザ、Windows、ほとんどのアイコンエディタで読み込めます。
- 圧縮方式
- 可逆
- 透過
- 対応
- アニメーション
- 非対応
- 登場時期
- Microsoft
ロゴやアバターの画像が写真形式のJPGしかなく、Webサイトやテーマ、Windowsのショートカットが複数サイズ入りの.icoファイルを必要とするときに、JPGをICOに変換します。
JPG写真を16 pxでも見やすいアイコンにするには
写真がアイコンに向かない理由はひとつで、32 px以下になると細部が消えてしまうからです。背景が単色のロゴをJPGで書き出したものが最も適していて、きれいに変換できます。商品や人物の写真は、まず見分けやすい1つの形にぴったりトリミングする必要があります。正方形にするには画像トリミングツールを使うか、正確な1:1の構図については画像を比率指定でトリミングする方法をご覧ください。
JPGの背景はそのまま残ります。白いブラウザのタブでは白い四角は目立ちませんが、ダークモードでは明るいタイルとして見えてしまいます。気になる場合は、画像編集ソフトで被写体を切り抜き、透過PNGで保存してから、そちらを変換してください。
変換する前に
- 正方形の元画像で、256 × 256 px以上
- 単色またはシンプルな背景
- 情景ではなく、わかりやすい1つの形
- 実際のブラウザのタブで16 pxサイズを確認
JPGをICOに変換する際のよくある質問
JPGから背景が透明なアイコンを作れますか?
変換するだけでは透過になりません。JPGにはアルファチャンネルがないため、被写体の周囲にある白や色付きの四角などの背景が、すべてのアイコンサイズにそのまま残ります。ブラウザのタブで形だけを浮かせて表示したい場合は、背景を削除してPNGで保存し、PNGをICOに変換を使ってください。
JPGから作ったICOにはどのサイズが含まれますか?
すべてのサイズ(16–256)を選ぶと、16、32、64、128、256 pxの各サイズがファイルに含まれます。いずれもお使いのJPGから個別に縮小して作られます。従来のファビコン用の32 pxのように、プログラムやテーマが1つのサイズだけを求める場合は、アイコンサイズで1つの値を選んでください。
ICOに変換する前のJPGはどのくらいの大きさが必要ですか?
256 × 256 px以上の正方形が目安です。元画像が小さいと、大きいサイズでは拡大されるため、Windowsのデスクトップでぼやけて見えます。元画像がかなり大きい場合は縮小されるだけなので問題ありません。
Webサイトのfavicon.icoはどこに置きますか?
サイトのルートにアップロードし、/favicon.icoで読み込めるようにしてください。ブラウザは自動でこのアドレスを要求します。ページのheadに<link rel="icon" href="/favicon.ico">を追加すると、指定を明示できます。
顔写真を小さなアイコンにしても見やすいですか?
ほとんど判別できません。16 × 16 pxでは、顔は数個の色のブロックになってしまいます。先に頭の周りをぎりぎりまでトリミングしてコントラストを上げるか、小さいサイズには頭文字や単純なシンボルを使ってください。
このツールではJPEGファイルとJPGに違いはありますか?
いいえ。2つの拡張子は同じJPEGデータを持ち、変換の結果も同じです。JPEGをICOに変換のページは、その表記で検索する方のために用意されています。