画像形式ガイド
結局どの形式を使えばよいのか。実務上の違いと落とし穴を短くまとめました。
JPEG、PNG、WebP のどれを選ぶ?
写真や数百万色を含む画像は JPEG、WebP、AVIF が適しています。スクリーンショット、図表、ロゴ、透過が必要な画像は PNG か WebP を選びます。迷ったら、現在は WebP が両方をカバーでき、主要なブラウザがすべて対応しています。
「図形は PNG、写真は JPEG」という原則は今も良い初期値です。ただし 2000 ピクセルの写真を PNG で保存すると、同じ画像を WebP で保存した場合の 10 倍の容量になりかねません。しかも見た目の差はほとんどありません。
透過の扱い
JPEG にはアルファチャンネルがありません。透過 PNG を JPEG にする場合、背景色を決める必要があり、透過部分はその色になります。既定の白をそのまま受け入れず、意図して選んでください。
透過に対応する形式:PNG、WebP、AVIF、GIF、TIFF、SVG、ICO。色付きのページにロゴを載せるなら、背景を焼き込まず透過のまま書き出しましょう。
画質とファイル容量
写真の場合、JPEG の品質 80〜90 が最適帯です。元画像との違いは目視できず、容量は品質 100 のおよそ 3 分の 1 になります。70 を下回るとエッジにブロック状のノイズが目立ち始めます。
AVIF と WebP は JPEG と同等の見た目をより小さい容量で実現できますが、エンコードに時間がかかります。一度きりの変換なら、このトレードオフはほぼ常に有利です。
メタデータとプライバシー
スマホやカメラの写真には GPS 座標、機種名、撮影日時といった EXIF が埋め込まれていることがよくあります。多くの SNS はこれを削除しますが、メール添付や直接のファイル共有では残ります。
当サイトは出力からメタデータを既定で削除しつつ、EXIF の向き情報を先に適用します。そのため縦位置の写真が横になることはなく、クリーンで正しい向きのファイルが得られます。
形式の比較
| 形式 | 適した用途 | 透過 | アニメ | 変換 |
|---|---|---|---|---|
| JPEG | 写真、Web、汎用的な共有 | 非対応 | 非対応 | 変換する |
| PNG | スクリーンショット、ロゴ、透過、可逆編集 | 対応 | 非対応 | 変換する |
| WebP | 現代の Web 画像。写真も図形も | 対応 | 対応 | 変換する |
| AVIF | 最新ブラウザ向けの最小容量 | 対応 | 対応 | 変換する |
| GIF | 短いアニメーション、旧環境との互換 | 対応 | 対応 | 変換する |
| SVG | 拡大しても崩れないロゴ、アイコン、イラスト | 対応 | 非対応 | 変換する |
| TIFF | 印刷、アーカイブ、可逆ワークフロー | 対応 | 対応 | 変換する |
| 文書、複数ページの受け渡し、校正 | 対応 | 非対応 | 変換する | |
| HEIC | 共有前に iPhone / iPad の写真を処理 | 非対応 | 非対応 | 変換する |
| JPEG XL | 実験的:非常に小さい容量で高画質 | 対応 | 対応 | 変換する |
変換をはじめましょう
ここで紹介した形式はすべて当サイトで変換できます。変換ツールに戻り、ファイルをドロップして変換先を選んでください。
変換ツールを開く