ホーム JPG → ICO

JPG → ICO

JPG 写真を favicon.ico ファイルに変換。16、32、48、64、128、256 px から選択——100% ブラウザ内で完結。

ソース

JPG ファイルをここにドロップ

またはクリックして選択

.jpg.jpeg

オプション

元 (JPG)
変換後 (ICO)

JPG とは?

JPG(JPEG とも表記、規格を作成した Joint Photographic Experts Group に由来)は、1992 年に標準化された汎用画像フォーマットです。離散コサイン変換(DCT)に基づく非可逆圧縮を用い、写真や連続階調画像のファイルサイズを大幅に縮小します。JPG は世界で最も広く使われている画像フォーマットであり、すべてのモダンブラウザ、OS、画像ビューア、オフィスソフト、SNS、メールクライアントが追加ソフトやプラグインなしで JPG ファイルを開いて表示できます。このほぼ 100% の互換性こそが、JPG が今でも写真画像のデファクトな交換フォーマットであり続ける理由です。

この小さなサイズと汎用サポートと引き換えに、JPG はアルファチャンネル透過、アニメーション、可逆エンコードに対応しておらず、再エンコードを繰り返すと世代劣化が生じます。しかし favicon 用途ではこれらの制限はほとんど問題にならず、写真風アイコンは JPG ソースとして書き出した後 .ico ファイルに変換しても、favicon の小さいサイズでは目立った画質低下は生じません。

ICO とは?

ICO はマイクロソフトが 1985 年に Windows 1.0 向けに導入した歴史あるアイコンコンテナ形式です。.ico ファイルは単一の画像フォーマットではなく、1 つ以上のビットマップや PNG 圧縮画像を異なるサイズ(通常 16×16、32×32、48×48、64×64、128×128、256×256)と色深度で保持できる小さなコンテナです。ブラウザ、Windows シェル、ブックマークマネージャ、デスクトップショートカットはすべて、タブ、履歴リスト、アドレスバー、デスクトップにサイトのアイコンを表示するため、サイトのルートで .ico ファイル(一般に favicon.ico)を探します。

モダンブラウザでは <link rel="icon"> タグで PNG、SVG、WebP の favicon も使用できますが、.ico 形式は依然として最も広く認識される favicon コンテナです。古いブラウザや多くのサードパーティツール(ブックマークマネージャ、RSS リーダー、デスクトップリンク生成ツール)は今でも /favicon.ico をデフォルトでリクエストするため、その URL に実際の .ico ファイルを配置するのが、すべての訪問者にアイコンを確実に表示させる最も安全な方法です。本ツールは選択したサイズの PNG 圧縮画像を含む単一サイズの .ico ファイルを生成します。

JPG と ICO の比較

JPG と ICO は異なる目的に奉仕します。JPG はファイルサイズの小ささに最適化された単一画像の写真フォーマットで、ICO はアイコンと favicon 専用に設計された複数画像コンテナです。下表は JPG と ICO フォーマットの主な違いをまとめたものです。

項目JPGICO
登場年19921985
フォーマット種別単一ラスター画像複数画像アイコンコンテナ
圧縮方式非可逆(DCT)BMP または PNG を埋め込み
透過非対応対応(埋め込み PNG 経由)
典型的な用途写真、Web 画像favicon、アプリアイコン、ショートカット
1 ファイル複数サイズ非対応対応
ブラウザ対応すべてのモダンブラウザすべてのブラウザ(レガシー favicon 形式)
デフォルトのリクエスト URL/favicon.ico

要するに、JPG は最も互換性の高い写真ソース形式で、ICO は標準的な favicon コンテナです。JPG 画像を .ico ファイルに変換することで、/favicon.ico を探すレガシーツールを含むすべてのブラウザ、ブックマークツール、デスクトップショートカットジェネレータにアイコンが認識されます。

JPG を ICO に変換するケース

JPG 画像を .ico ファイルに変換するのが正しい選択となる場面は数多くあります。可能な限り広範なブラウザ、ツール、プラットフォームで認識される必要がある favicon やアイコンが必要な場合、手軽な JPG → ICO 変換が最もシンプルな解決策です:

  • 新規サイト公開。サイトルートに実際の favicon.ico を配置することで、<link rel="icon"> タグを無視する古いブラウザを含むすべてのブラウザでタブにアイコンが表示されます。
  • 写真ベースの favicon。ブランドアイコンが写真画像(実写撮影、テクスチャ付きロゴ)の場合、JPG は自然なソース形式で、favicon にきれいに変換できます。
  • デスクトップショートカット。ユーザーが URL をデスクトップにドラッグすると、Windows や多くの Linux ファイルマネージャは favicon.ico からアイコンを取得するため、鮮明なショートカットには実際の .ico ファイルが必要です。
  • ブックマークマネージャ。Pinboard、Raindrop、多くの RSS リーダーは /favicon.ico を直接リクエストします。.ico ファイルがないとブックマークに汎用アイコンが表示されます。
  • PWA(プログレッシブ Web アプリ)。PWA の manifest.json では、レガシーなインストールコンテキストや古い Android・Windows シェル統合向けに .ico ファイルを参照できます。
  • Windows アプリケーションアイコン。多くの Windows 開発ツールは、コンパイル済み実行ファイルにアプリアイコンを割り当てる際、今でも .ico ファイルを要求します。

ソース JPG はマスターとして保管してください——小さく汎用的に編集できます。.ico エクスポートは ICO が期待されるデプロイメントシナリオでのみ使用してください。

JPG を ICO に変換する方法

このツールで JPG 画像を .ico favicon に変換するのは数秒で完了し、すべてブラウザ内で行われます。アップロード不要、登録不要、インストール不要です。ツールはブラウザの画像デコーダで JPG を読み込み、選択したサイズの正方形キャンバスに描画し(アスペクト比を維持し白背景の中央に配置)、その後 Canvas API でキャンバスを .ico コンテナに再エンコードします。次の4ステップに従ってください:

  1. JPG ファイルをアップロード。アップロードエリアをクリックするか、コンピュータから .jpg または .jpeg ファイルをドラッグ&ドロップします。画像はローカルでデコードされプレビュー表示されます。
  2. ICO サイズを選択。16、32、48、64、128、256 px のいずれかを選びます。32×32 が標準 favicon サイズ、16×16 はクラシックなタブアイコン、48×48 以上は高 DPI ディスプレイとデスクトップショートカットに使用されます。
  3. ICO に変換。「ICO に変換」ボタンをクリックします。ツールは JPG を選択したサイズの正方形キャンバスに描画し、PNG バイトを単一画像の .ico コンテナにラップして、元のファイルサイズと変換後のサイズを並べて表示します。
  4. ICO をダウンロード。「ICO をダウンロード」をクリックして favicon.ico を端末に保存します。サイトのルートにアップロードするか、プロジェクトのアセットフォルダに配置してください。

すべてのステップは JavaScript でブラウザ内ローカルに実行されるため、JPG 画像がサーバーにアップロードされることはありません。これにより変換は完全にプライベートかつ高速で、機密性の高いブランドアセットにも適しています。

この JPG → ICO 変換は無料ですか?

はい、完全無料で登録・透かし・制限なし(端末のメモリのみ制限)。

favicon にはどのサイズを選ぶべきですか?

32×32 がモダンなデフォルトで、標準・高 DPI ディスプレイの両方で鮮明です。16×16 はクラシックなタブアイコン、48×48 / 64×64 はデスクトップショートカットや高 DPI ディスプレイ向けです。

.ico ファイルは透過に対応していますか?

JPG にはアルファチャンネルがないため、保持する透過はありません。本ツールは画像を描画する前に正方形キャンバスを白背景で塗りつぶすため、非正方形の JPG は .ico 出力で白い余白が入ります。

画像はアップロードされますか?

いいえ。すべてローカル処理で、JPG はブラウザから出ません。