JPGとPNG対WebP:どの画像フォーマットを使用する必要がありますか?
適切なイメージフォーマットを選ぶための実用的なガイド — それぞれが実際に良いもの、そして価値のある変換。
処理するすべての画像は3つのフォーマットでほぼすべてカバーします。誤った1つのコストをファイルサイズまたは品質で選び、通常は遅すぎるまで、どのイメージを伝えません。
以下は、短いバージョンです。その後、推論。
ショートバージョン
| 利用条件 | フォーマット | おすすめの理由 |
|---|---|---|
| 撮影:写真 | JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG JPG ファイルの読み込み | 撮影コンテンツの最小ファイル、どこでもサポート |
| スクリーンショット、ロゴ、シャープなエッジ | PNG の | テキストの周りのアーティファクトが無くなる、透明度をサポート |
| 管理するウェブサイト上の何か | コンテンツ | PNG より 25-35% 小さく、JPG より小さい |
| 進行中の作業 | PNG の | ロスレスなので、繰り返し保存しても劣化しません |
JPG:写真のための損失、普遍的な、ベスト
JPGは、サイズを達成するためにデータを捨て、それはあなたが写真で見逃す可能性が最小限のデータを無効にする非常に良いです - 皮膚や空のような滑らかな勾配を渡る微妙な色のバリエーション。
2つのことのための間違った選択です:
- テキストと鋭いエッジ。 JPGは、高コントラスト境界の周りに目に見えるハロスを生成します。 JPGとして保存されたスクリーンショットは、より大きなファイルサイズで、PNGと同じスクリーンショットよりも著しく悪化します。
- 編集する内容 あらゆる人が捨てるのをもっと節約します。編集と保存の5つのラウンドとダメージは明らかです。画像にまだ取り組んでいる場合は、 PNG に変換 まずは。
JPG はまた持っています 透明性は全くない.JPGとして輸出されるロゴはそれのまわりの白い箱と着きます。
PNG: 損失なし、透明、より大きい
PNGはあらゆるピクセルを正確に保存します。 保存回数に関係なく、何も捨てられません。 これにより、スクリーンショット、図形、ロゴ、アイコン、アルファチャンネルで何でも使用できます。
コストはサイズです。PNGとして保存された写真は、可視性のない利益のために相当するJPGを5回簡単に保存することができます。損失のない圧縮は、情報を捨てることによってJPGが達成するものに一致できないためです。
PNG ができないもの: JPGがすでに破壊されたものを回復します。 JPGをPNGに圧縮したJPGを変換すると、忠実にアーファクトが含まれている。 さらなる損失を止め、過去の損失をしないようにする。
WebP:Web用の最新のデフォルト
WebP は両方のジョブを実行します。それは JPG と PNG と競合する透明性のある損失のないモードと競合する損失モード を持っています。 PNGよりも25-35%小型 JPGよりも、非常に小さく、非常に小さい。
ブラウザのサポートは、Chrome、Firefox、Safari、Edge の操作をデスクトップやモバイルで停止しました。
そこで、なぜまだPNGなのか?WebPが厄介だから オフ ウェブ。デスクトップエディタ、プリントショップ、写真サービス、アップロードフォームの豊富なまだそれを拒否します。 それは1つの実質の制限であり、それは2つの最も有用な変換が互いに反対している理由です。
- PNG から WebP へ — 画面上で画像が操作するページに移動したときに
- JPGへのWebP — ダウンストリームがWebPを受け付けないとき
ほとんどの場合をカバーするルール
撮影は、ウェブで? WebP、JPGに戻って落下。 撮影は、どこに行っても? JPG. テキスト、鋭いエッジ、または透明物で何か? デスクトップ上のPNG、WebP、WebP。 編集はまだ? PNG、いつも、終了まで。
どこにいても、 実際に表示するサイズにサイズをリサイズします あなたへ 圧縮する. フォーマットの選択は800ピクセル スロットに4000ピクセル イメージを出荷しないより大いにより少しの価値です。