画像ファイル形式の説明: 究極の変換ガイド
このガイドで学ぶこと
このガイドでは、ユビキタスな JPG から AVIF などの次世代形式に至るまで、遭遇するすべての主要な画像形式を詳しく説明します。圧縮の仕組み、透明性が重要な場合、特定の使用例に最適な品質とサイズの比率を実現する形式は何かを理解できます。
Web サイト用に画像を最適化している場合でも、印刷用にファイルを準備している場合でも、iPhone の写真が Windows PC で開かない理由を解明しようとしている場合でも、このガイドは役に立ちます。実際のファイル サイズを比較し、技術的なトレードオフを平易な言葉で説明し、無料の変換ツールへのリンクを全体を通して提供します。
画像フォーマットの理解: ラスターとベクター
すべての画像形式は、ラスターまたはベクターの 2 つのカテゴリのいずれかに分類されます。 JPG、PNG、WebP、AVIF などのラスター イメージは、グリッド内の個々のピクセルごとにカラー データを保存します。十分にズームインすると、個々の正方形が表示されます。 SVG のようなベクター画像には、品質を損なうことなく任意のサイズに拡大縮小できる数学的命令 (線、曲線、形状) が保存されています。
実際には、カメラ センサーがピクセル データをキャプチャするため、写真は常にラスターです。ロゴ、アイコン、イラストは、どの解像度でも鮮明なままであるため、多くの場合ベクター形式の方が優れています。この違いを理解すると、小さな JPG を拡大しようとしたり (ぼやけてしまう)、写真を SVG として保存しようとしたり (ファイルが巨大になってしまい、何のメリットもありません) といったよくある間違いを避けることができます。
各タイプをいつ使用するかについての詳細な比較については、ガイドを参照してください。 Web グラフィックスの SVG と PNG の比較.
非可逆圧縮と可逆圧縮
圧縮は、画像形式でファイル サイズを管理しやすい状態に保つ方法です。非可逆圧縮では、微妙な色のグラデーション、細かいテクスチャの詳細など、人間の目には気付かれないデータが永久に破棄されます。 JPG、非可逆モードの WebP、および AVIF はすべて非可逆圧縮を使用します。品質 80 で圧縮された一般的な写真は、元の写真とほぼ同じに見えますが、サイズは 10 ～ 20 分の 1 です。
可逆圧縮により、データを破棄することなくファイル サイズが削減されます。ロスレス モードの PNG、TIFF、および WebP はこのアプローチを使用します。ファイルは生データより小さいですが、すべてのピクセルが正確に保存されます。可逆ファイルは、同じ画像の非可逆ファイルよりも 2 ～ 5 倍大きくなると予想されます。
正しい選択はあなたの優先順位によって異なります。写真をオンラインで公開しますか?品質 80 ～ 85 の非可逆圧縮がスイート スポットです。オリジナルの写真をアーカイブしますか?ロスレスでは、将来の編集のためにオプションが保存されます。スクリーンショットをテキスト付きで保存しますか?ロスレスは、非可逆圧縮によってシャープなエッジの周囲に生じる汚れたアーティファクトを防ぎます。
JPG/JPEG — ユニバーサル写真フォーマット
JPG (JPEG とも書きます。同じ形式です) は、1992 年以来デフォルトの写真形式です。離散コサイン変換に基づく非可逆圧縮を使用します。これは、写真の圧縮に非常に優れていると言う派手な言い方です。 24 メガピクセルのカメラの 25 MB の RAW ファイルは、高品質の JPG として約 2 ～ 5 MB に圧縮されます。
JPG は文字通り、これまでに作られたすべてのデバイスやアプリケーションで動作します。電子メール クライアント、Web ブラウザ、ソーシャル メディア プラットフォーム、フォト プリンタはすべて、変換を必要とせずに JPG を処理します。新しいフォーマットの方が圧縮率が高くても、その普遍的な互換性が最大の強みです。
ただし、制限は現実のものです。 JPG は透明度をサポートしていないため、長方形が表示されない色付きの背景の上に JPG ロゴを配置することはできません。また、再保存するたびに画質が低下します。JPG を 5 回編集して保存すると、元のファイルよりも著しく品質が低下します。アーカイブ作業の場合は、常にオリジナルを保存し、必要に応じて JPG コピーをエクスポートしてください。
PNG — 透明性のあるロスレス品質
PNG は 1996 年に GIF の特許なしの代替として作成され、以前のものよりもはるかに多くの機能を備えています。 PNG は可逆圧縮を使用します。つまり、すべてのピクセルが正確に保存されます。完全なアルファ透明度 (オンまたはオフだけでなく、その間のあらゆるレベル) をサポートしており、他のコンテンツをオーバーレイするロゴ、UI 要素、グラフィックスには不可欠です。
PNG が真価を発揮するのはスクリーンショットです。一般的なスクリーンショットの鮮明なテキストと単色は PNG で効率的に圧縮され、多くの場合 500 KB 未満のファイルが生成されます。 JPG として保存された同じスクリーンショットには、品質 95 であってもテキストの端の周りに目に見えるアーティファクトが表示されます。
欠点は写真のファイルサイズです。 PNG として保存された写真は、JPG の同じ画像よりも 5 ～ 10 倍大きくなりますが、肉眼では品質に違いはありません。 Web サイトに写真を掲載する場合、PNG が適切な選択となることはほとんどありません。代わりに JPG、WebP、または AVIF を使用してください。
WebP — Google の最新の Web フォーマット
Google は 2010 年に WebP を導入し、2026 年までに Web で推奨される画像形式になりました。 WebP は、JPG よりも 25 ～ 35% 小さいファイルを同等の画質で配信します。非可逆圧縮と可逆圧縮の両方、透明度、アニメーションさえもサポートしており、基本的に JPG、PNG、GIF の最高の機能を 1 つの形式に組み合わせています。
ブラウザのサポートは基本的にユニバーサルになりました。 Chrome、Firefox、Safari、Edge、およびすべての主要なモバイル ブラウザは、WebP をネイティブに処理します。唯一の障害は、一部の従来のデスクトップ アプリケーションと古い画像エディタです。 2026 年に Web サイトを構築している場合は、WebP をデフォルトの画像形式にする必要があります。
既存の画像を WebP に変換するのは簡単です。現在、ほとんどの画像エディターは WebP を直接エクスポートしており、次のようなオンライン ツールもエクスポートできます。 iformat.io の WebP コンバーター バッチ変換を数秒で処理します。他の次世代フォーマットとの詳細な比較については、「 AVIF、WebP、JPEG XL の比較.
AVIF — 圧縮王
AVIF は、2026 年に広くサポートされている画像形式の中で最高の圧縮率を提供します。AVIF は、AV1 ビデオ コーデックに基づいて、同じ画質で JPG より約 50%、WebP より 20% 小さいファイルを生成します。帯域幅を重視する Web サイトにとって、これは大幅な改善です。
AVIF は、HDR、広色域、フィルム グレイン合成もサポートしています。これらの機能は、ハイエンドの写真やディスプレイ テクノロジーにとって重要です。非可逆圧縮と可逆圧縮の両方を処理し、透明度をサポートし、アニメーション シーケンスを保存できます。
トレードオフはエンコード速度です。画像を AVIF に圧縮するには、JPG や WebP よりも大幅に時間がかかり、場合によっては 10 ～ 20 倍の時間がかかります。ブラウザのサポートは急速に拡大し、Chrome、Firefox、Safari はすべて AVIF をネイティブにサポートしています。詳細については、「 次世代画像フォーマットの比較.
HEIC/HEIF — Apple のデフォルトの写真形式
iOS 11 以降、すべての iPhone はデフォルトで HEIC で写真をキャプチャするようになりました。 HEIC は静止画に HEVC ビデオ コーデックを使用し、同等の品質で JPG よりも約 50% 小さいファイルを実現します。 JPG として 4 MB になる iPhone の写真は、通常、HEIC として約 2 MB になります。
問題は互換性です。 Windows はコーデック拡張機能を介して HEIC サポートを追加しましたが、多くの Web プラットフォーム、電子メール クライアント、画像エディターは依然として HEIC をネイティブに処理できません。 Apple 以外のユーザーと写真を共有する必要がある場合は、JPG に変換するのが最も信頼できる方法です。私たちのを使用してください HEICからJPGへのコンバーター 迅速なバッチ変換のために。
SVG — スケーラブルなベクター グラフィックス
SVG は、このガイドで説明する他の形式とは根本的に異なります。 SVG はピクセルを保存する代わりに、形状、パス、色を記述する XML 命令を保存します。シンプルなロゴは SVG でわずか 2 KB ですが、同じロゴの高解像度の PNG バージョンは 50 KB 以上になることがあります。
最大の特徴は無限のスケーラビリティです。 SVG ロゴは、16 ピクセルのファビコンとして表示しても、16 フィートの看板として表示しても、完璧に鮮明に見えます。また、SVG を CSS でスタイル設定し、JavaScript でアニメーション化することもできるため、Web デザインに非常に柔軟になります。
ただし、SVG は写真にとってはひどいものです。写真を SVG に変換すると、大規模なファイルが生成されるか、大幅に簡略化された近似値が生成されます。写真をラスター形式で保存し、きれいな線と単色のグラフィックには SVG を使用します。詳細については、こちらをご覧ください SVG と PNG の比較ガイド.
TIFF — プロフェッショナルな印刷標準
TIFF は、印刷物制作、医療画像処理、およびアーカイブ写真の専門規格です。 16 ビットおよび 32 ビットの色深度、可逆圧縮、レイヤー、単一ファイル内の複数ページをサポートします。印刷所が高解像度の画像を要求する場合、通常は TIFF を意味します。
トレードオフはファイルサイズです。高解像度の写真の場合、1 つの TIFF は簡単に 50 ～ 100 MB になることがあります。そのため、TIFF は Web での使用や電子メールの共有には実用的ではありません。 TIFF をアーカイブのマスター コピーと考えてください。TIFF を保存し、日常使用のために JPG または PNG をエクスポートします。詳細については、こちらをご覧ください TIFF、PNG、RAW 写真ガイド.
GIF — アニメーション画像とミーム
GIF は 1987 年から存在しており、死ぬことを拒否しています。その名声はアニメーションのサポート、つまりソーシャル メディアやメッセージング アプリのいたるところで見られるループ クリップです。 GIF は技術的に 1 フレームあたり 256 色に制限されているため、GIF アニメーションはビデオに比べて粗く見えることがよくあります。
実際には、GIF はアニメーション WebP と AVIF に置き換えられつつあります。これらは、フルカラーをサポートし、より小さいファイル サイズでより高い品質を提供します。 5 MB の GIF は、アニメーション WebP としてはわずか 1 MB になる可能性があります。それでも、GIF のユニバーサル サポートと文化的な勢いにより、GIF の関連性は保たれています。すべてのメッセージング プラットフォームがインライン GIF 再生をサポートしています。
BMP — Windows ビットマップ
BMP は、オリジナルの Windows 画像形式であり、ピクセル データを圧縮なしで保存します。 1920x1080 のスクリーンショットは、PNG では 500 KB 未満であるのに対し、BMP では約 6 MB です。 2026 年に BMP を使用する理由はほとんどありません。BMP ファイルが見つかった場合は、ロスレス品質の場合は PNG に、サイズを小さくする場合は JPG に変換してください。
ICO — ウェブサイトのファビコン
ICO ファイルは、同じ画像の複数のサイズ (通常は 16x16、32x32、48x48、および 256x256 ピクセル) を保持する特別なコンテナです。ブラウザは、ICO ファイルをファビコン (ブラウザ タブの小さなアイコン) として使用します。最新のブラウザは PNG および SVG ファビコンも受け入れますが、ICO は依然として最も普遍的な互換性のあるオプションです。
適切なファビコンを作成するには、複数のサイズを生成し、それらを 1 つの ICO ファイルにバンドルする必要があります。私たちの 完全なファビコン作成ガイド 各ブラウザが期待する特定のサイズを含め、プロセスを段階的に説明します。
RAW — カメラセンサーデータ
RAW は実際には画像形式ではありません。カメラのセンサーによって直接キャプチャされた未処理のデータです。各メーカーには独自の RAW バリアントがあり、キヤノンは CR2/CR3、ニコンは NEF、ソニーは ARW を使用し、Adobe はユニバーサル標準として DNG を作成しました。 RAW ファイルには、JPG の 8 ビットと比較して、チャンネルあたり 12 ～ 14 ビットのカラー データが含まれています。
この追加データにより、写真家は編集時に最大限の柔軟性が得られます。 JPG では不可能または破壊的なことである、白飛びしたハイライトを回復したり、深い影を持ち上げたり、撮影後にホワイト バランスを調整したりすることができます。トレードオフは、画像あたり 25 ～ 75 MB のファイル サイズと、共有前に各 RAW ファイルを処理する必要があることです。
カメラ ブランド間の RAW から JPG へのワークフローの実践的なチュートリアルについては、ガイドを参照してください。 RAW写真をJPGに変換する.
フォーマットの簡単な比較: 実際のファイル サイズ
同じ 24 メガピクセルの写真を異なる形式で保存するとどうなるかは次のとおりです。非圧縮の BMP クロックは約 70 MB です。可逆圧縮の TIFF は約 35 MB に減少します。 PNG では約 20 MB になります。品質 85 の JPG は約 3 MB になります。同等の品質の WebP は約 2.2 MB になります。そして、AVIF は約 1.8 MB を管理しますが、すべて人間の目には目に見える違いはありません。
スクリーンショットや単色のグラフィックの場合、ランキングは変動します。 PNG の圧縮アルゴリズムは均一な色の領域に対して最適化されているため、このタイプのコンテンツでは JPG よりも小さなファイルが生成されることがよくあります。一般的なスクリーンショットは、PNG では 200 KB ですが、品質 95 の JPG では 350 KB となり、JPG ではテキストの周囲に目に見えるアーティファクトが表示されます。
適切な画像形式を選択する方法
画像形式を選択するには、次の 4 つの質問が必要になります。コンテンツは何ですか?どこに表示されますか?透明性は必要ですか？ファイルサイズはどれほど重要なのでしょうか?ほとんどの状況で機能する意思決定の枠組みを次に示します。
Web 写真の場合は、WebP をプライマリ形式として使用し、AVIF をプログレッシブ拡張として使用します。どちらも、小さいファイル サイズで優れた品質を実現します。電子メールやメッセージングで共有する場合の普遍的な互換性を確保するには、やはり JPG が最も安全な選択です。地球上のどのデバイスでも問題なく JPG ファイルを開くことができます。
グラフィック、ロゴ、スクリーンショットについては、ラスター出力が必要な場合は PNG を使用し、ベクトルが適切な場合は SVG を使用します。グラフィックを他のコンテンツにオーバーレイする必要がある場合は、透明度が必要です。これは、PNG、WebP、AVIF、または SVG を意味しますが、JPG は必要ありません。印刷物制作の場合、TIFF はプロフェッショナルなワークフローが要求する品質と色深度を提供します。
より詳細な形式の比較については、「 JPG、PNG、WebP、AVIF 比較ガイド.
画像フォーマット間の変換
画像形式間の変換は、デジタル メディア作業で最も一般的なタスクの 1 つです。重要な原則は、高品質の形式から低品質の形式にいつでも問題なく移行できるが、その逆の形式に移行するには制限があるということです。 PNG から JPG への変換は完全に機能します。 JPG を PNG に変換すると、内容は保存されますが、非可逆圧縮が既に破棄されたデータは復元されません。
素早い変換を行うには、 iformat.io すべての主要な画像形式をブラウザで直接処理します。外部サーバーへのアップロードは必要ありません。変換する WebPからJPGへの変換, HEICからJPGへの変換, AVIFからJPGへの変換, SVGからPNGへ、および他の数十のフォーマットペアを瞬時に変換できます。
Web サイト用に一括変換する場合は、ビルド ツールを使用してプロセスを自動化することを検討してください。ほとんどの Web フレームワークには、ビルド ステップ中に画像の WebP および AVIF バージョンを自動的に生成し、各訪問者のブラウザに最適な形式を提供するプラグインが含まれています。
重要なポイント
JPG は依然として写真の世界的な標準であり、共有するための最も安全な選択肢です。 PNG は、スクリーンショット、透明度のあるグラフィックス、ロスレス品質が重要な画像には不可欠です。 WebP は、2026 年の Web 画像のデフォルトになるはずです。WebP は、小さなファイル サイズと広範な互換性を兼ね備えています。
AVIF は最高の圧縮率を提供しますが、エンコード時間は遅くなります。 HEIC は Apple エコシステム内ではうまく機能しますが、他の場所では互換性の問題を引き起こします。 SVG は、ロゴ、アイコン、イラストに関しては無敵です。 TIFF は、印刷およびアーカイブ作業の専門標準です。
最もよくある間違いは、コンテンツ タイプに間違った形式を使用することです。 Web 上では写真を PNG にしてはいけません。ロゴは JPG であってはなりません。スクリーンショットでは、過度の非可逆圧縮を使用しないでください。フォーマットをコンテンツに一致させると、常に品質とファイル サイズの最適なバランスが得られます。