通常の写真や幅広い互換性がある場合は JPG を選択し、ロスレス ピクセルの保存や透明性が重要な場合は PNG を、宛先が受け入れる場合の効率的な Web 配信には WebP を選択してください。最適な選択は、画像とその用途によって異なります。常に最小または常に最適なフォーマットはありません。
選択する前に機能を比較してください
| 特徴 | JPG | PNG | WebP |
|---|---|---|---|
| 通常使用時の圧縮 | 非可逆写真エンコーディング。 | ロスレス。 | 非可逆または可逆。 |
| アルファ透明度 | いいえ。 | はい。 | はい。 |
| アニメーション | 通常のJPEG画像ではありません。 | APNG はアニメーションをサポートしています。通常の PNG エクスポートは静止画像である場合があります。 | 形式でサポートされています。すべての輸出業者がそれを保持しているわけではありません。 |
| 写真 | 実用的な共有の選択肢。 | はるかに大きくなる可能性があります。 | Web 配信に役立ちます。実際の出力を比較します。 |
| スクリーンショットと UI テキスト | 損失のあるエッジにはアーティファクトが現れる可能性があります。 | 鮮明なテキストと正確なピクセルに適しています。 | ロスレス モードは鮮明なグラフィックスに適しています。 |
| ロゴ | 透明性が必要な場合はフィット感が悪くなります。 | 透明なラスターロゴに適しています。 | 透明性と宛先サポートが適合する場合に適しています。 |
| 中間体の編集 | 損失を伴う保存を繰り返すことは避けてください。 | 可逆ラスター中間画像に役立ちます。 | ロスレスも可能です。エディターのサポートを確認します。 |
| 互換性 | デバイスやアップロード フォームで広く受け入れられています。 | 広くサポートされていますが、一部のフォームでは JPG が必要です。 | 最新のブラウザでサポートされています。古いアプリや特定のフォームでは拒否される可能性があります。 |
JPG が写真に適している理由
通常の JPG エンコードでは、写真をコンパクトに保存するために一部の情報が破棄されます。色の滑らかな変化と自然な質感は、小さな文字よりもこのトレードオフに耐えることができます。強力な圧縮により、目に見えるブロックやエッジのハローが発生する可能性があります。損失のあるコピーの編集と保存を繰り返すと損傷が蓄積する可能性があるため、オリジナルまたは損失のない作業ファイルを保持してください。
透明なロゴは、JPG では透明のままにすることはできません。変換では背景色を指定する必要がありますが、後で配置するページとは異なる場合があります。送信する前に、結果を意図した背景と照らし合わせて確認してください。
PNG がより適切な選択となるのはどのような場合ですか?
PNG は、非可逆画像圧縮を行わずにエンコードされたピクセル値を保存し、アルファ透明度をサポートします。そのため、スクリーンショット、図、線画、ラスター ロゴに役立ちます。小さなインターフェイス テキストのスクリーンショットは、文字が曖昧な JPG よりもわずかに大きな PNG の方が役立つ具体的なケースです。
ロスレス エンコーディングでは、以前の損傷は元に戻りません。ぼやけた JPG を PNG に変換すると、すでにぼやけたピクセルが保持されます。また、PNG では、画像圧縮が可逆圧縮であるという理由だけで、エディターのレイヤー、ベクター、またはソース メタデータのすべての部分が保存されるわけではありません。
WebP をいつ使用する必要がありますか?
WebP は、非可逆エンコードと可逆エンコードの両方に加えて、透明性とアニメーションのサポートを提供します。公開システムや訪問者のソフトウェアがサポートしている場合、Web サイトの画像に役立ちます。実際のサイズと外観は、ソース、サイズ、エンコード設定によって異なります。 WebP 拡張子だけでは、ファイルがロスレスであるかどうかはわかりません。
電子メールの添付ファイルや申請フォームの場合、理論的なサイズの利点よりも、受信者が受け入れられる形式が重要です。フォームに JPG が必要な場合は、実際の JPG エクスポートを使用してください。 photo.webp の名前を photo.jpg に変更すると、エンコードされた画像ではなく、ファイル名が変更されます。
形式を選択し、エクスポートされた画像を確認します
の SoraFiles 画像コンバーター JPG、PNG、または WebP を生成します。現在のワークフローは、選択した画像または表示されているフレーム/ページをエクスポートするため、アニメーションまたは複数ページ入力内のすべてのページが変換後も残るとは想定しないでください。これらの機能が重要な場合は、レイヤー化されたアニメーション化されたオリジナルを保持します。
宛先で受け入れられている形式から始めて、寸法、エッジの明瞭さ、透明度、ファイル サイズを確認します。使用する 画像を圧縮する 画像のサイズを小さくしたいとき、または HEICからJPGへの変換 iPhone の写真に、より広く受け入れられている形式が必要な場合。
形式を変更するとメタデータも変更される可能性がありますが、変換はプライバシーのクリーンアップを確実に約束するものではありません。共有する前に確認してください メタデータと可視情報 別に。
参考文献
- MDN: 画像ファイルの種類と形式 (External link, opens in a new tab)
- W3C: PNG 仕様、第 3 版 (External link, opens in a new tab)
- Google: WebP 圧縮技術 (External link, opens in a new tab)
- JPEG: JPEG 1 standard overview (External link, opens in a new tab)