画像の基本

JPG・PNG・WebP:画像に合う形式の選び方

写真、スクリーンショット、透過画像に合う形式を選び、共有前に画質とファイルサイズを確認しましょう。

まず画像の使い道を確認する

適切な書き出し形式とは、必要な画質を保ち、次に使うアプリで扱える形式です。変換前に提出フォームや投稿先の条件を確認しましょう。ファイルが小さくても、相手が開けなければ意味がありません。後で編集し直す可能性がある場合は特に、元画像を残して提出用のコピーを作成してください。

写真が中心のページならJPGとWebPを比較します。小さな文字を含むスクリーンショットや、透過した輪郭を残したい画像ならPNGから検討するとよいでしょう。ただし、これは選ぶ際の目安であり、特定の形式が必ず最小になるという意味ではありません。

透明な背景が必要かを考える

PNGは透過に対応し、WebPも透明なピクセルを保存できますが、通常のJPGは対応していません。さまざまな背景に配置するロゴでは、白い画面でだけ透明に見える白い四角では不十分です。実際に使う背景の上で輪郭を確認しましょう。

透過画像をJPGに変換すると背景と合成されます。書き出したファイルで背景色を確認してください。そのJPGをPNGに戻しても、失われた透明部分は復元されません。透過が必要な場合は、元の透過画像からやり直します。

圧縮と細部の復元を区別する

JPGは通常、非可逆圧縮を使うため、画質を下げると細部が失われることがあります。PNGは可逆圧縮ですが、すでに劣化したJPGをPNGで保存しても劣化は元に戻りません。WebPは可逆・非可逆の両方に対応するため、形式名だけではツールがどちらを使うかは分かりません。

asdftoolsのWebP変換と画像圧縮は、ブラウザのエンコーダーに画質設定を指定します。専用の可逆WebPモードではありません。細い文字、髪の毛、グラデーション、明暗差の大きい境界を比較してください。圧縮済みの画像を何度も編集して書き出すと、劣化が積み重なる場合があります。

設定を一つずつ変える

最初に、利用先で必要なピクセル寸法を決めます。メールや小さなウェブカードなら、大きな写真を元の解像度のまま使う必要はないかもしれません。画像サイズ変更で寸法を調整し、そのコピーを圧縮してみましょう。小さな原本を拡大しても、新しい細部が生まれるわけではありません。

中程度の画質設定から始め、ダウンロードした画像を実際に表示する大きさで確認します。必要に応じて少しずつ画質を下げてください。画質の数値は特定の容量を保証するものではなく、書き出し後のファイルが元より大きくなることもあります。

書き出したファイルを開いて確認する

元画像を置き換えたり共有したりする前に、ダウンロード結果を開いてください。ブラウザでの再エンコードは原本の保存用処理ではなく、元のメタデータ、カラープロファイル、アニメーションの保持を保証しません。これらは静止画像用の変換ツールであり、全アニメーションフレームや専門的な色管理用マスターを保存するものではありません。

  • 利用先のアプリが選んだ形式に対応しているか確認する。
  • ピクセル寸法、容量、向き、鮮明さ、透過した輪郭を比較する。
  • 原本を保管し、書き出したコピーには分かりやすい名前を付ける。

参考資料

カテゴリ別の全ツール

カテゴリを選ぶと下に全機能が表示されます。各ツールで使い方・対応形式・制限を確認できます。

画像ツール35 ツール
PDFツール23 ツール
ファイル・データ変換18 ツール
テキストツール28 ツール
開発ツール36 ツール
色ツール13 ツール
計算・単位ツール21 ツール
Excelツール42 ツール
QR・バーコード6 ツール
音声ツール8 ツール
SEO・Webツール10 ツール