「JPEG・GIF・PNG・TIFF・EPS」画像の拡張子の違いって何よ

こんにちは。三善屋の山内です。

「JPEG」「GIF」「PNG」「TIFF」……違いわかりますか？
これらはwebや印刷データにつかう画像ファイルの拡張子です。今回はそれぞれの違いについて解説していきたいと思います。

今すぐどれを使うか知りたいせっかちさんはまとめを見てね！

拡張子って？

ファイルの最後につく「.jpg」や「.pdf」などの文字列でファイルの種類を識別するためにつけます。windowsではデフォルトで非表示になっているので、「エクスプローラー」→「表示タブ」→「ファイル名拡張子」にチェックをいれて可視化しておきましょう。

Photo by Ryugo Kaga

Joint Photographic Experts Groupの略でフルカラーの約1,677万色を表現することができます。一度画像を圧縮してしまうと元に戻せない「非可逆式」という特徴があります。上書き保存すればするほど劣化するので注意！

メリット	写真に最適諧調をキレイに表現データ容量は軽め
デメリット	色数の少ないイラストには不向き透過処理ができない上書きするたびに画像が劣化
用途	web（写真）写真保存用データスライド社内印刷資料
拡張子	.jpg /.jpeg /.JPG /.JPEG /

Graphics Interchange Formatの略。最大256色で表現されるので、容量の軽さはトップレベル。イラストやロゴに適しているだけでなく、アニメーションや透過処理も可能。

メリット	色数の少ないイラストやロゴに最適アニメーション可能透過処理可能データ容量はかなり軽め
デメリット	写真に不向き
用途	web（イラスト、ロゴ、アイコン、アニメーション）スライド社内印刷資料
拡張子	.gif

Portable Network Graphicsの略。JPEGのように約1,677万色のフルカラーを表現でき透過処理も可能な優れもの。JPEGと違い、データ復元時に画質を元に戻せる可逆性圧縮。ただ容量は少し重め。

メリット	写真に最適透過処理可能復元時に画質を元に戻せる可逆性圧縮
デメリット	データ容量はJPEGに比べ重め
用途	web（写真）スライド社内印刷資料
拡張子	.png

Adobe Photoshopで利用されるファイル形式で、Photoshop Dataの略。Photoshopで編集したパスやレイヤー情報を記憶しているにも関わらず、印刷データに貼り込める優れもの。

メリット	印刷用画像に最適フォトショップの編集データを残せる
デメリット	フォトショップと一部のソフトしか開けないデータ容量は重め
用途	印刷データ写真編集データ
拡張子	.psd

Encapsulated PostScriptの略。DTPの業界では一般的な形式として扱われていたが、psdを貼り込めるようになったので、存在感が薄れつつある。作業中は軽く、印刷はキレイという特徴あり。

メリット	印刷用画像に最適印刷データ作成中の描写は軽い
デメリット	透過するのにはクリッピングパスが必要 webで使えないぶっちゃけ使わない
用途	印刷データ
拡張子	.eps

Tagged Image File Formatの略。印刷用に使う高画質な画像データ。保存しても画質が劣化しないというのが大きなメリット。データ容量は重めで、webでは使用不可。