メインコンテンツへスキップ

← ブログ一覧へ

画像フォーマット総まとめ:PNG・JPG・WebP・AVIF・SVG ほか

画像フォーマットは何十種類もありますが、日常で出会うのはほんの一握りです。ここでは実用的な視点で各形式をざっと紹介します——何が得意か、別の形式が必要なときはどこで変換するか。

ラスター形式(ピクセルでできている)

  • JPG / JPEG——非可逆で軽量、透過なし。写真の定番です。(JFIF を見かけることもありますが、中身は同じで拡張子が違うだけです。)
  • PNG——可逆で透過対応。ロゴ・アイコン・スクショに最適。詳しい比較は PNG と JPG を。
  • WebP——両者より小さく透過にも対応する最新形式。サイト向けに最適——詳細は WebP とは
  • AVIF——最新で、多くの場合いちばん小さい(AV1 コーデックベース)。ただしまだどこでも開けるわけではありません。AVIF とは を参照。
  • GIF——256 色まで、アニメーションで有名。静止画を取り出すなら GIF を PNG に変換
  • BMP——古い非圧縮の Windows 形式でファイルが巨大。BMP を PNG に変換で小さくできます。

ベクター形式(数式でできている)

  • SVG——数式のパスで図形を表し、どんなサイズに拡大してもぼやけず、ファイルも小さい。ロゴやアイコンに最適です。PNG をトレースして SVG にすることもできます。

文書向け

  • PDF——画像形式ではありませんが、画像の最終的な行き先になりがちです。画像を PDF にまとめたり、ページを画像として取り出したりできます。

どれを使うべき?

  • 写真? → JPG(Web では WebP/AVIF)。
  • ロゴ・アイコン・スクショ? → PNG(単純な図形なら SVG)。
  • サイトを速く? → WebP か AVIF、JPG/PNG のフォールバック付きで。
  • ファイルが大きくて送れない?圧縮しましょう

どの形式でも相互変換

すべての変換はブラウザ内で行われ、アップロードしません。画像変換ハブで全種類を見るか、よく使う PNG を JPG に変換PNG を WebP に変換画像を圧縮へ直接どうぞ。

各形式の用途さえ分かれば、選ぶのも変換するのも数秒です。