UltKit

JPGをICOに変換

JPGの写真、ロゴ、アバターから.icoアイコンを作成します。1つのファイルに16〜256 pxの全サイズが入るため、ブラウザのタブ、ブックマークバー、Windowsのデスクトップがそれぞれ必要なサイズを選んで表示します。

画像変換

またはJPG, JPEG, JPE … ファイルをここにドロップ ·

1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除

出力

ファイルは当社のサーバーで処理され、30分後に削除されます。

このツールの使い方

  1. 1

    正方形のJPGをアップロード

    256 × 256 px以上で、正方形にトリミングした画像を使ってください。複数のサイトやプログラム用にアイコンを作る場合は、1回に最大20枚のJPGを処理できます。

  2. 2

    サイズを選ぶ

    アイコンサイズはすべてのサイズ(16–256)に設定されています。プログラムが1つのサイズだけを求める場合は、詳細設定で32 pxなどのサイズを1つ選んでください。

  3. 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
JPG 変換

ICO

Windowsアイコン

ICOは、Windowsのプログラムアイコンやウェブサイトのファビコンに使われるMicrosoftのアイコン形式です。1つの.icoファイルに16×16、32×32、48×48、256×256ピクセルなど複数サイズの画像を含められ、システムが最適なものを選びます。各画像はビットマップまたはPNGデータで保存でき、完全なアルファ透過に対応します。写真や大きなイラスト向けではありません。ブラウザ、Windows、ほとんどのアイコンエディタで読み込めます。

圧縮方式
可逆
透過
対応
アニメーション
非対応
登場時期
Microsoft
ICO 変換

ロゴやアバターの画像が写真形式の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に変換のページは、その表記で検索する方のために用意されています。