画像形式完全ガイド:PNG・JPG・WebP・HEICを徹底解説
適切な画像形式を選ぶことは、ファイルサイズ、画質、読み込み速度、互換性に影響します。ここでは、あなたが目にする主要な形式を完全に解説します。
JPG / JPEG
正式名称:Joint Photographic Experts Group
圧縮方式:非可逆 — サイズを小さくするためにデータを永久に削除
透明度:なし
最適な用途:写真、SNS、メール画像
一般的なサイズ:ウェブ用写真で50KB〜2MB
JPGは1990年代から標準的な写真形式として使われています。あらゆるデバイス、ブラウザ、アプリケーションが対応しています。主な制限は、保存するたびに画像が再圧縮され、徐々に画質が劣化することです。ロゴ、文字が多いグラフィック、繰り返し編集する画像にはJPGを使用しないでください。
PNG
正式名称:Portable Network Graphics
圧縮方式:可逆 — 画質の劣化なし
透明度:あり(フルアルファチャンネル)
最適な用途:ロゴ、アイコン、スクリーンショット、透明部分がある画像
一般的なサイズ:内容によって100KB〜10MB
PNGはGIFの(特許問題のない)より良い代替として作られました。可逆圧縮と透明度サポートにより、デザイン素材の標準形式となっています。PNGファイルは写真ではJPGより大きくなりますが、単色の図形などのシンプルなグラフィックではJPGより小さくなります。
WebP
開発元:Google(2010年)
圧縮方式:非可逆・可逆の両方
透明度:あり
アニメーション:あり
最適な用途:ウェブ画像。サイト上のJPGとPNGの置き換え
一般的なサイズ:同等のJPGより25〜35%小さい
WebPは現代的なウェブ形式です。JPGとPNGができることをすべて実現しつつ、さらに優れています — より小さいファイルサイズ、任意の透明度、アニメーション対応。ブラウザ対応は今やほぼ全体に及んでいます。主な制限は、一部のブラウザ以外のアプリケーションがまだ対応していないことです。
HEIC / HEIF
正式名称:High Efficiency Image Container / High Efficiency Image Format
開発元:MPEG(iOS 11以降Appleが採用)
圧縮方式:非可逆(非常に高効率)
透明度:あり
最適な用途:iPhoneやiPadの写真
一般的なサイズ:同品質のJPGより約50%小さい
HEICはAppleのカメラ形式です。ストレージ効率に優れており、同じ品質でJPGの約半分のサイズで写真を保存できます。問題は互換性です — Windows、Android、多くのウェブプラットフォームはHEICにネイティブ対応していません。共有する際はHEICをJPGに変換してください。
GIF
正式名称:Graphics Interchange Format
圧縮方式:可逆(ただし256色までに制限)
透明度:バイナリのみ(ピクセルは完全透明か完全不透明のいずれか)
アニメーション:あり
最適な用途:短いループアニメーション、ミーム画像
GIFの256色制限は、写真には不向きです。現代的なアニメーションコンテンツには、WebPまたはMP4動画の方が大幅に小さいファイルサイズを実現できます。GIFが今も使われているのは、主に文化的・ミーム的な理由であり、技術的な優位性によるものではありません。
SVG
正式名称:Scalable Vector Graphics
種類:ベクター(他の形式のようなラスター/ピクセルベースではない)
拡大縮小性:無限 — どんなサイズでも完璧な見た目
最適な用途:ロゴ、アイコン、イラスト、UI要素
SVGは他の形式とは異なり、ラスター形式ではありません — ピクセルではなく、形状の数学的記述を保存します。これにより、ロゴやアイコンはどんなサイズでも常に鮮明です。SVGは通常非常に小さく(1〜10KB)、サイト上のアイコンやロゴに最適です。
TIFF
正式名称:Tagged Image File Format
圧縮方式:通常は可逆
最適な用途:印刷、プロ写真、アーカイブ
TIFFファイルは非常に大きいですが、最大限の品質を保持します。印刷用ファイルやプロの写真アーカイブの標準です。ファイルがウェブ配信には大きすぎるため、サイトでは絶対に使用しないでください。
形式選択クイックガイド
| 状況 | 使用する形式 |
|---|---|
| サイト上の写真 | WebPまたはJPG |
| ロゴやアイコン | SVGまたはPNG |
| 文字入りスクリーンショット | PNG |
| 共有するiPhone写真 | HEICをJPGに変換 |
| アニメーション画像 | WebPまたはMP4 |
| 印刷デザイン | TIFFまたはPDF |
| メール画像 | JPG |