画像形式ガイド

結局どの形式を使えばよいのか。実務上の違いと落とし穴を短くまとめました。

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 印刷、アーカイブ、可逆ワークフロー 対応 対応 変換する
PDF 文書、複数ページの受け渡し、校正 対応 非対応 変換する
HEIC 共有前に iPhone / iPad の写真を処理 非対応 非対応 変換する
JPEG XL 実験的:非常に小さい容量で高画質 対応 対応 変換する

変換をはじめましょう

ここで紹介した形式はすべて当サイトで変換できます。変換ツールに戻り、ファイルをドロップして変換先を選んでください。

変換ツールを開く