JPG・PNG・WebP・HEICの違いと画像形式の選び方

JPEGはJoint Photographic Experts Groupに由来する名称で、写真に広く使われています。通常は非可逆圧縮を使用し、透明な背景を保存できません。

拡張子だけを変えたい場合、JPEGをJPGに変換では画像データを維持できます。JFIFをJPGに変換も、対応するJPEGデータを再圧縮せず保存します。これらの処理で容量が減ったり、メタデータが消えたりするとは限りません。

PNGはピクセルを可逆圧縮で保存し、透明度にも対応します。ロゴ、スクリーンショット、図表などに向きますが、細部の多い写真ではJPGより大きくなることがあります。

保存方式が可逆でも、サイズ変更や減色は保存前にピクセルを変えます。JPGをPNGに変換しても、圧縮で失った細部は戻りません。背景を透明にするには先に背景を削除します。白い部分や画像に描かれた市松模様は透明ではありません。

WebPは写真と透過画像の両方に対応します。このツールのWebP出力は品質設定を使う非可逆圧縮です。すでに最適化されたJPGのほうが小さい場合もあるため、結果を比べてください。

公開用にはJPGをWebPに変換やPNGをWebPに変換が使えます。WebPを受け付けないアプリには、不透明な写真ならWebPをJPGに変換、透明度を残すならWebPをPNGに変換を選びます。

HEICをJPGに変換すると、多くのアプリで扱いやすい写真になります。PNGが必要な場合は画像をPNGに変換でHEICを選択します。出力される一枚の画像は、Live Photo全体、深度情報、すべてのHDR情報を保持するものではありません。

AVIFの読み込みはブラウザの対応状況によります。AVIFをPNGに変換は元の透明度を残せますが、AVIFをJPGに変換は不透明な画像を作ります。HEIC・AVIFへの書き出しには対応していません。

画像をSVGに変換は形をトレースする処理で、写真をそのまま保存するものではありません。ICOを作成は選択したアイコンサイズをまとめます。macOSのICNS形式は作れません。

画像変換で複数の画像を選び、共通の出力形式を指定して処理します。結果を確認してから、完成したファイルをZIPでまとめて保存できます。透過素材と写真で必要な形式が違う場合は分けて処理してください。JPGでは透明部分が白になります。

サイト用のアイコン一式にはファビコン生成を使えます。16・32・48pxを含むfavicon.ico、Apple TouchやAndroid用サイズのPNG、Webマニフェスト、HTMLコードをZIPで作成します。単純なデザインを選び、16pxでも見分けられるか確認しましょう。ICOだけなら画像をICOに変換が適しています。

1. 1使う予定のアプリで開きます。
2. 2寸法、色、透明度、重要な細部を確認します。
3. 3容量が提出先の上限内か確認します。
4. 4必要に応じて圧縮やサイズ変更を行い、元画像も残します。

作業の順番は画像容量を小さくするガイドで説明しています。透明な切り抜き画像から白背景のJPGを作る手順は背景透過ガイドをご覧ください。