← 使い方

JPG・PNG・WebPはどれを選ぶ?

いつも最小・最良になる形式はありません。画像の使い道、透明な背景の必要性、鮮明に残したい部分に合わせて選びましょう。

対応形式と透明な背景を先に確認します

PhotoLightで保存できる3つの形式
形式向いている用途確認する点
JPG一般的な写真、JPG指定の添付透明度は保持できず、画質によって細部が変わります。
PNG透明な背景、文字や線を含む画像画質スライダーで容量は減らせず、保存し直すと大きくなる場合があります。
WebP写真や透明画像の容量を比較したいとき提出先がWebPを受け付けるか確認が必要です。

拡張子を書き換えるだけでは画像形式は変わりません。保存形式を選び、処理して新しいファイルを保存してください。PhotoLightは静止画のJPG・PNG・WebPに対応し、アニメーションPNG・WebPには対応していません。

JPG:写真の容量を調整し、透明部分には背景色を入れます

JPGは画質と容量を調整できるため、一般的な写真を添付する際に比較しやすい形式です。画質を下げると、輪郭のにじみや小さな文字の変化が目立つ場合があります。画質82は保存時の設定値であり、細部を正確に82%保持する意味ではありません。

透明なPNGやWebPをJPGに変換すると、透明度は保持できません。サイズ・背景の設定で白や黒を選び、結果を確認してください。背景を透明にしても、JPGでは透明部分を白で埋めます。白いロゴが見えなくなったり、縁に不要な色が出たりしたら、元の透明度と背景色を確認してください。

PNG:画質の数値より、ピクセル数と透明度を確認します

PNGはピクセルを可逆圧縮で保存します。ただし、サイズ変更や切り抜きを行った場合、元のピクセル配置まで保持するわけではありません。PhotoLightのPNG保存には、JPG・WebP用の画質設定を使いません。スライダーを下げて保存し直すだけでは、容量は減りません。

十分に圧縮されたPNGを保存し直したり、写真をPNGに変換したりすると、容量が増える場合があります。JPGで失われた細部も、PNGに変換して戻ることはありません。透明度が必要ならPNGのままサイズ変更を検討し、不要な写真ならJPG・WebPの結果と比べてください。

WebP:容量だけでなく、使う場所の対応も確認します

PhotoLightではWebPを画質調整付きで保存でき、透明な背景にも対応します。写真の質感や文字によってJPGと異なる結果になるため、同じ画像サイズで比較してください。常にどちらかが小さく鮮明になるとは限りません。

画像を受け取るアプリや提出サイトがWebPに対応していなければ、JPGかPNGを選びます。ブラウザが指定形式で保存できない場合はエラーを表示します。別の形式で保存し、成功したことにはしません。

「元の形式」は元ファイルのコピーではありません

「元の形式」は、JPGはJPG、PNGはPNG、WebPはWebPとして新しいファイルを作る設定です。元のファイルをそのまま返す機能ではありません。同じ形式・ピクセル数でも、保存し直すことで容量や色の見え方が変わる場合があります。

元のEXIFは新しいファイルにコピーしません。撮影情報や位置情報が必要なら元のファイルを別に保管してください。画像内に写った名前や住所は、形式を変えても消えません。

まず1枚で設定を決めてから、まとめて処理します

  1. 画像圧縮で写真を選びます。
  2. 提出先の対応形式から保存形式を選び、透明度が必要か確認します。
  3. 小さな文字、線、影、透明部分の縁を比較します。プレビューが小さい場合は保存して拡大表示します。
  4. 条件に合う結果を保存します。別の形式を試す場合は設定を変更して再度処理します。

設定を変えると前の結果はクリアされます。形式ごとのファイルを並べて比較したい場合は、先に1つ目を保存してください。設定は選択した写真すべてに適用します。透明なロゴと一般的な写真など、用途が異なる画像は分けると確認しやすくなります。

ブラウザでの画像保存について

画質の指定は、JPG・WebPなどの非可逆圧縮形式に適用されます。Canvasによる画像の保存方法はMDNの解説もご覧ください。

Canvasの画像保存方法(MDN)