画像フォーマットは何十種類もありますが、日常で出会うのはほんの一握りです。ここでは実用的な視点で各形式をざっと紹介します——何が得意か、別の形式が必要なときはどこで変換するか。
これは自分たちで計測しました。 「圧縮とは何か」を最もはっきり示したのは BMP のテストでした。3 つの BMP 元ファイルはどれもちょうど 2.75 MB で、中身がノイズの多い写真でも 6 色のべた塗りでも変わりません。BMP は全ピクセルをそのまま保存するので、ファイルサイズは絵の内容にまったく左右されないのです。同じピクセルを PNG にすると(可逆で、画像は同一)、べた塗りのものは 99% 減ります。 計測データ全体を見る
ラスター形式(ピクセルでできている)
- JPG / JPEG——非可逆で軽量、透過なし。写真の定番です。(JFIF を見かけることもありますが、中身は同じで拡張子が違うだけです。)
- PNG——可逆で透過対応。ロゴ・アイコン・スクショに最適。詳しい比較は PNG と JPG を。
- WebP——両者より小さく透過にも対応する最新形式。サイト向けに最適——詳細は WebP とは。
- AVIF——最新で、多くの場合いちばん小さい(AV1 コーデックベース)。ただしまだどこでも開けるわけではありません。AVIF とは を参照。
- GIF——256 色まで、アニメーションで有名。静止画を取り出すなら GIF を PNG に変換。
- BMP——古い非圧縮の Windows 形式でファイルが巨大。BMP を PNG に変換で小さくできます。
これらのラスター形式の違いは、1 枚の画像で最も分かりやすくなります。私たちのフラットイラストは WebP で 10.8 KB。同じ絵が JPG では 23.7 KB(+119%)、PNG では 94.0 KB(+769%)。絵そのものは何も変わっていません。変わるのは形式がどう保存するかだけです。
ベクター形式(数式でできている)
- SVG——数式のパスで図形を表し、どんなサイズに拡大してもぼやけず、ファイルも小さい。ロゴやアイコンに最適です。PNG をトレースして SVG にすることもできます。
文書向け
- PDF——画像形式ではありませんが、画像の最終的な行き先になりがちです。画像を PDF にまとめたり、ページを画像として取り出したりできます。
どれを使うべき?
- 写真? → JPG(Web では WebP/AVIF)。
- ロゴ・アイコン・スクショ? → PNG(単純な図形なら SVG)。
- サイトを速く? → WebP か AVIF、JPG/PNG のフォールバック付きで。
- ファイルが大きくて送れない? → 圧縮しましょう。
そしてこの選択は無料では撤回できません。そのイラストの 25.6 KB の JPG から PNG に変換すると 143.8 KB(+461%)。PNG は JPEG の圧縮痕跡まで、あたかもディテールのように忠実に保存します。形式は「どこへ行くか」で選び、「どこから来たか」で選ばないでください。
どの形式でも相互変換
すべての変換はブラウザ内で行われ、アップロードしません。画像変換ハブで全種類を見るか、よく使う PNG を JPG に変換、PNG を WebP に変換、画像を圧縮へ直接どうぞ。
各形式の用途さえ分かれば、選ぶのも変換するのも数秒です。
非可逆 vs. 可逆:もう一つの大きな分かれ道
ラスターとベクターのほかに、形式は「データの保存方法」でも 2 つに分かれます。
- 非可逆(JPG、既定の WebP・AVIF)は、目立たない細部を捨ててファイルを小さくします。写真に最適ですが、同じファイルを繰り返し保存し直すと徐々に劣化します。
- 可逆(PNG・GIF・BMP、および WebP・AVIF の可逆モード)は全ピクセルをそのまま保ちます。ロゴ・文字・スクショ、そして後で再編集するものには欠かせません。
非可逆と可逆の境目は、「逆方向」に進むと最も見えやすくなります。JPG を PNG に変換しても何も取り戻せず、しかも代価がかかります:
| テスト画像 | 入力 | 出力 | 変化 |
|---|---|---|---|
| スクリーンショット | 45.2 KB | 72.8 KB | +61% |
| 写真 | 330.2 KB | 2.07 MB | +542% |
私たちのスクリーンショットは JPG で 45.2 KB。PNG にすると 72.8 KB(+61%)になりました。PNG は可逆なので、JPEG の圧縮痕跡までディテールと同じように忠実に保存します。リンギングの縁もブロックの四角も永久に保たれ、しかも数倍の容量を使います。可逆は「品質が良い」ではなく「渡したものそのまま」の意味です。
まだ出会うかもしれない 2 つ
- HEIC——iPhone が写真に使う形式。効率的ですが Web ネイティブではありません。HEIC を JPG に変換する方法 を参照。
- TIFF——高画質で多くは非圧縮の形式。印刷やアーカイブに使われます。詳しくは TIFF とは を。
クイックリファレンス
| 手元にあるもの / ほしいもの | 最適な形式 |
|---|---|
| 保存・共有する写真 | JPG |
| 速いサイトに載せる写真 | WebP か AVIF |
| ロゴ・アイコン・スクショ | PNG |
| 拡大自在なロゴ・アイコン | SVG |
| 短いアニメーション | WebP(最大の互換性なら GIF) |
| 印刷用のマスター | TIFF か高品質 PNG |
FAQ
ラスターとベクターの違いは?
ラスター画像は固定のピクセル格子で、拡大するとぼやけます。ベクター画像は数式で表されるため、どんなサイズに拡大しても鮮明です——ただし写真ではなく平面的な図形に向きます。
いちばん小さいファイルになる形式は?
写真ならたいてい AVIF が最小で、次に WebP、その次に JPG です。平面的な図形なら SVG や可逆 WebP が有利なことが多いです。
写真を SVG に変換できる?
実用的にはできません。SVG はロゴや線画向きで、細部の多い写真をトレースすると巨大で乱雑なファイルになります。写真は JPG・WebP・AVIF のままにしましょう。