ファイル形式書き出し 1 分で読めます
PSD、PNG、JPEG、WebP、AVIF：どれをいつ使うか
作業ファイルと納品ファイルの違い、可逆圧縮と非可逆圧縮、透過の有無を軸に、主要な画像形式の使い分けを整理します。
まず分けて考えるべきは「作業ファイル」と「納品ファイル」です。PSD はレイヤーとマスクを残す容器で、編集を続けるためのもの。PNG、JPEG、WebP、AVIF は 1 枚の画像を届けるためのものです。PSD をそのまま Web に置くのは、設計図を貼るようなものです。
PNG は可逆で透過を持てるため、ロゴ、UI、平坦なイラストに向きます。JPEG は非可逆ですが写真で容量が小さく、品質を調整できます。WebP と AVIF は同じ見た目をさらに少ないバイトで表現できますが、対応環境とエンコード時間を確認してください。
これらの形式間の変換は PhotoPSD エディター なら開く・統合する・書き出すの数ステップです。現在対応するのは PSD、PNG、JPEG、WebP で、最も多い変換手順は PSD → PNG に、画面サイズの決め方は Web 向け書き出し に書いています。
自分のファイルで試す
レイヤー付き PSD を開き、パネルが今読んだ構造とどう対応するか確かめてください。