MENU
  • 動画編集・映像制作
    • 動画編集の始め方
    • 動画編集スクール
    • 動画編集ソフト
    • Adobe Premiere Pro
  • 写真の撮り方
    • デジタルカメラ
    • 一眼レフの使い方
    • ストロボの使い方
    • 料理写真の撮り方
  • 画像編集
    • Luminar
    • Photoshop
    • Aurora HDR
    • 現像・画像編集ソフト
  • Adobe
  • 雑記
    • マネー
写真の撮り方や画像編集を解説
長谷川敬介 -カメラマン-
  • 動画編集・映像制作
    • 動画編集の始め方
    • 動画編集スクール
    • 動画編集ソフト
    • Adobe Premiere Pro
  • 写真の撮り方
    • デジタルカメラ
    • 一眼レフの使い方
    • ストロボの使い方
    • 料理写真の撮り方
  • 画像編集
    • Luminar
    • Photoshop
    • Aurora HDR
    • 現像・画像編集ソフト
  • Adobe
  • 雑記
    • マネー
ゼロからわかる【カメラ講座】全32話
  1. ホーム
  2. 画像編集
  3. Photoshop
  4. 画像ファイル形式の違い!Photoshopを使うなら覚えておこう

画像ファイル形式の違い!Photoshopを使うなら覚えておこう

2022 5/08
Photoshop
2019年1月6日 2022年5月8日
長谷川敬介

こんにちは!

Photoshop歴15年のカメラマン 長谷川 (@ksk_photo_man)です!

Photoshopで写真を「別名保存」しようとすると、たくさんのファイル形式があります。

このファイル形式を見て、

カメさん

どれを選んだらいいの?何がどう違うのかわからない

っと悩んでいませんか?

この記事では、Photoshopで使う「画像ファイル形式の違い」について解説していきます。

「Photoshopの購入を検討中・更新の時期が近い」人は、「Photoshopの買い切り版は?代替ソフトと安い値段で買う方法」も参考にしてみてください。

Adobeフォトプラン

\ 7日間無料で楽しめる /

無料で体験する

【無料で始める】から7日間の無料体験

いつでも解約ができます

タップできる目次
長谷川 敬介

1984年生まれ。長野県出身。プロ歴5年・写真歴12年のカメラマン(料理撮影がメイン)。合同会社ケーエスの代表。

» プロフィール詳細

画像ファイル形式とは

Photoshopでは、様々なファイル形式を扱うことができます。

「.jpg」「.png」「.psd」など、ファイル名の後についている拡張子が、そのファイル形式を表しています。

各ファイル形式は、「機能」「汎用性」「ファイル容量」などに違いがあります。

目次に戻る

画像ファイル形式の種類

Photoshop別名保存から選べるファイル形式

Photoshopで別名保存では、22コのファイル形式から選ぶことができます。

今回は、よく使う6つの形式について、お伝えします。

長谷川敬介

使用頻度が高い順にお伝えします!

Photoshopファイル形式
  1. JPEG
  2. Photoshop
  3. GIF
  4. PNG
  5. Photoshop PDF

① 写真を保存するならJPEG

JPEG(ジェイペグ)は、Joint Photographic Experts Groupの略です。

JPEGは、グラデーション豊富な画像を保存するのに適したファイル形式。

長谷川敬介

一番よく使うファイル形式です。

汎用性も高いので、使い勝手が良いですが、「非可逆圧縮」なので保存を繰り返すたびに、画像が劣化してしまいます。

なので、何度も保存を繰り返すのはあまりオススメしません。

また、Photoshopで、JEPGを「別名保存」する時、「JPEGオプション」のパネルが表示されます。

画像オプションの項目では、画質を選択することができます。

特に理由がない場合は、「画質12 最高(低圧縮率)」を選択しましょう!

また保存方法は「別名で保存」と「WEB用に保存」の2種類があります。

WEB用に少しでも容量を軽くしたい場合は、「WEB用に保存」を選択するといいです。

Photoshop JPEGオプション
別名保存
Photoshop-WEB用保存JPEG
WEB用保存
長谷川敬介

拡張子は「.jpeg」「.jpg」がありますが、どちらも同じ意味です。

② 編集データを保持したいならPhotoshop

Photoshopは、Photoshop Documentの略です。

「.psd」の拡張子で保存されます。

Photoshop形式で保存すると、IllustratorやInDesignなどほかのAdobe製品でも読み込むことができて便利です。

Photoshop形式の一番のメリットは、Photoshopのすべての機能を保ったまま保存することができます。

具体的には「調整レイヤーのトーンカーブ」や「ガイド」などが、保持されたまま保存できます。

その分ファイルの容量は、大きくなってしまいます。

File Photoshop

③ アニメーション画像を作りたいならGIF

GIF(ジフ)は、Graphics Interchange Formatの略。

色数が最大256色の可逆圧縮形式です。

色数が、限られていますが、ファイル容量を軽くできるのがメリットです。

また、背景を透明にして保存できたり、動きのあるアニメーション画像もできるのが特徴です。

拡張子は、「gif」。

PhotoshopのGIF保存は、GIFもJPEGと同様に「別名保存」と「WEB用保存」を選ぶことができます。

どちらも「カラー」の色数を選択することができます。

カラー数が少ないほど、ファイル容量を軽くすることができます。

Photoshop別名保存
別名保存
PhotoshopWEB用保存gif
WEB用保存

④ ロゴやイラストを保存するならPNG

PNG(ピング)は、Portable Network Graphicsの略です。

GIFに代わるファイル形式として1996年に誕生しました。

PNGもGIFと同様に、背景を透明にして保存することができます。

ただし、アニメーション画像は保存できません。

GIF画像より、ファイル容量が小さくなります。

拡張子は、「.png」。

PhotoshopのPNG保存も「別名保存」「WEB用保存」両方あります。

また「WEB用保存」では、「PNG-8」と「PNG-24」を選択することができます。

「PNG-8」と「PNG-24」どちらも透過して表示してくれます。

PhotoshopPNG保存
別名保存
PhotoshopPNG-web保存
WEB用保存

「PNG-8」と「PNG-24」の違いは、PNG-8が256色に対して、PNG-24は1670万色です。

1670万色は、JPEG並みにキレイに表現してくれますが、その分ファイル容量は大きくなります。

⑤ PDFデータを作りたいならPhotoshop PDF

Photoshopは、PDF(ピーディーエフ)で保存することもできます。

Photoshop PDFでは、データを再度Photoshopで編集することもできます。

拡張子は、「.pdf」

Photoshop-PDF保存
PhotoshopのPDF保存画面
目次に戻る

一番軽いファイル形式はどれだろう?

ここからは、各ファイル形式を比較してみます。

「別名保存」で比較

全く同じ画像を、それぞれのファイル形式で保存(別名保存)して比較してみました。

比較の元画像データ
  • 大きさ:1200 × 600 pixel
  • 解像度:72dpi
Photoshop-JPG
画質:12 最高(低圧縮率) 形式オプション:ベースライン(標準)
Photoshop
File sizeGIF2
「表示色:256」「強制:白黒」「ディザ:なし」「描画方法:標準」
File size png
「大きなファイルサイズ(最速保存)」を選択
File sizePDF
プリセット:高品質印刷・Photoshop・P編集機能を保持・PWeb表示用に最適化
長谷川敬介

あ、あれ?PNGが一番軽くなると思ったんだけど・・・

補足

別名保存のPNGは、元画像によって「PNG8」か「PNG24」に勝手に選択されるようです。

今回はフルカラーの写真を使ったため「PNG24」で保存され、その結果ファイル容量が大きくなったようです!

目次に戻る

最後に

以上、「画像ファイル形式の違い」について解説しましたが、いかがだったでしょう?

Photoshopの別名保存には、たくさんのファイル形式が用意されていますが、全部を覚える必要はないです。

よく使うのは「.jpg」や「.psd」だと思いますので、まずはこの辺りから覚えて頂けると!

Adobeフォトプラン

\ 7日間無料で楽しめる /

無料で体験する

【無料で始める】から7日間の無料体験

いつでも解約ができます

Photoshop
よかったらシェアしてね!
  • URLをコピーしました!
  • 【Photoshop】部分的に明るくしてみよう!
  • Photoshop CC2019「Web用に保存」「書き出し形式」の違いと比較

関連記事

  • Photoshop 2022の新機能!「風景ミキサー」の使い方
    2022年5月8日
  • 【Photoshop・Luminar 4】曇り空を青空にするレタッチ方法
    【Photoshop・Luminar 4】曇り空を青空にするレタッチ方法
    2022年5月8日
  • Photoshop-Elements使い方
    【演習つき】Photoshop Elements(フォトショップ エレメンツ)の使い方
    2022年5月10日
  • 【Photoshop】写真をセピア調にする3つのやり方
    【Photoshop】写真をセピア調にする3つのやり方
    2022年5月8日
  • 【Photoshop】シェイプツールの使い方
    【Photoshop】シェイプツールの使い方
    2022年5月8日
  • 【Photoshop】クリッピングマスクの使い方
    【Photoshop】クリッピングマスクの使い方
    2022年5月8日
  • Photoshopでグリッドを表示・設定変更の方法
    【Photoshop】グリッドを表示・設定変更の方法
    2022年5月8日
  • Photoshopのラスタライズってなに?
    Photoshopのラスタライズってなに?
    2022年5月8日

コメント

コメントする コメントをキャンセル

長谷川 敬介
カメラマン
プロ歴5年・写真歴12年のカメラマン。

合同会社ケーエス代表

広告写真スタジオを経て独立。2022年2月に合同会社ケーエスを設立。
プロフィール
当サイトの引用について

当サイトはリンクフリーです。記事本文・画像を引用した場合、リンクを貼っていただければ問題ございません。また、当サイトを引用した記事はTwitterで拡散することも可能です。ご希望の方は、TwitterのDMまでご連絡ください

この記事の目次
人気記事
  • 写真編集ソフトおすすめランキング
  • Adobe CCを安く買う方法!アカデミック版が格安
  • カメラのサブスク(月額・定額制)を比較
  • 動画編集・動画制作おすすめオンラインスクール【社会人向け】
オススメ画像編集ソフト
  • Luminar AI(ルミナー エーアイ)
  • Lightroom(ライトルーム)
  • Photoshop(フォトショップ)
  • PhotoDirector(フォトディレクター)
  • SILKYPIX Developer Studio Pro10
  • Zoner Photo Studio X
運営メディア
  • ウチジム
  • ミールデリ
  • 合同会社ケーエス
  • 運営者情報
  • サイトマップ
  • プライバシーポリシー
  • サイトポリシー
  • 特定商取引法に基づく表記
  • お問い合せ

© 2021 長谷川敬介

タップできる目次