2023.09.01

JPEG？PNG？最適な保存形式とは？軽量化ツールもご紹介

WEBサイトやWEBシステムには必ずと言って良いほど画像が使われています。画像の保存形式は開発においてそこまで注視されるものではありませんが、それぞれの特徴を理解しておくと最適な方法で書き出すことができます。また、画像の書き出しはエンジニアやデザイナーだけでなく、普段の資料を作る際、ちょっとした広告デザインを作る際にも必要になってきます。なんとなくJPEG、またはPNGで保存するのではなく、用途に合った形式で保存ができるよう、保存形式の違いを知っておきましょう。今回は画像の保存形式に加え、便利なツールについてもご紹介します。

JPEGとPNGとは？

JPEGとPNGはともに画像の圧縮形式のことです。画像は元データのままだとファイルデータが大きすぎるため、圧縮することで最適なデータ量で保存することができます。JPEGやPNGは拡張子の一つであり、「.JPEG」「.PNG」のほかに「.GIF」「.SVG」なども画像ファイルになります。また、圧縮形式は画像だけでなく、音楽ファイルや動画ファイルでも存在します。

では、JPEGとPNGそれぞれの特徴についてみていきましょう。

JPEGの特徴

JPEGはフルカラーの1,677万色を表現できる拡張子で、カメラで撮影した画像の保存に向いています。大きな特徴としては「表面の画質に影響を与えない部分のデータを削除し、データを小さくする」という点です。画質が維持できる程度に不要なデータを削除することで軽量化を可能としていますが、保存を繰り返すとその分データを削除する部分が多くなるため、画像が劣化していってしまいます。

PNGの特徴

PNGは256色と1,677万色の二つの形式が選択可能です。大きな特徴としては「同じ色のパターンを保存するのが得意であり、品質を保ったうえで軽量化ができる」という点です。JPEGとは違い、同じ色の集合体であるイラストなど、塗りつぶしの多い画像に適しています。また、保存を繰り返しても画像が劣化しないのが特徴です。カメラで撮影した写真、グラデーションの多いものはきれいに保存できるもののデータ容量が大きくなってしまいます。