料理写真の専門家 ・フードフォトグラファー

Photoshop CC2019「Web用に保存」「書き出し形式」の違いと比較

 
Photoshop CC2019「WEB用に保存」「書き出し形式」の違いと比較
スポンサードリンク


スポンサードリンク


この記事を書いている人 - WRITER -
カメラマン。(@Photo_0101)
長野県須坂市出身。写真歴12年。広告スタジオでコマーシャルフォトを勉強した後、独立。2016年に当サイトを開設しました(月間最高17万PV超)。料理撮影を中心に活動。最近は「朝ジム」にハマってます。
詳しいプロフィールはこちら

こんにちは!けいすけ (@Photo_0101)です!

Photoshopには、多くの保存方法があります。

この記事では、

Photoshopで写真をWeb用に保存したいんだけど・・

カメさん

「Web用に保存」と「書き出し形式」ってどう違うの?!

ウサギさん

っと悩んでいるあなたに、Web用に保存」と「書き出し形式」の違いを比較しながらお伝えします!


スポンサードリンク



Photoshopの「Web用に保存」と「書き出し形式」とは

Photoshop CC2019「WEB用に保存」と「書き出し形式」とは

Photoshopで写真をWeb用に保存方法は、3つあります。

  1. Web用に保存
  2. 書き出し形式
  3. クイック書き出し

Web用に保存」は昔からある保存方法なので、Photoshop歴が長い方にとっては馴染みのある保存方法です。

アドビの公式ブログによると、この「Web用に保存」は、WEB向けの画像作成に特化した「Adobe ImageReady(アドビ イメージレディ)」から引き継いだ機能とのこと。(現在は販売終了)

ただこの機能で使っていたコードは古いものとなってしまったそうな。

1999年に販売したPhotoshop 5.5に「Web用に保存」が搭載されましたが、これはImageReady(現在は販売終了)から移植された機能です。高画素の写真をWeb掲載するために最適化したり、アニメーションGIFを作成したり。ただ、新しい機能を開発するにあたって、このコードは古いものとなってしまいました。

引用:Adobe公式ブログ

一方「書き出し形式」は、Photoshop2015から実装された書き出し方法です。

「書き出し形式」の特徴は、「SVG」でも保存できることです。

また、「Webに保存」を使った場合よりも、ファイルサイズが半分になる・・・こともありそうです。

JPEG圧縮技術自体も向上し、JPEGの最高画質を選択した時、従来の「Web用に保存」と比較して、最終画像が半分のファイルサイズになる場合もあります。(これは写真によって結果が異なることは事前に了承ください)

引用:Adobe公式ブログ

保存方法

【Web用に保存】

  1. ファイル>書き出し>WEB用に保存

【書き出し】

  1. ファイル > 書き出し > 書き出し形式
  2. レイヤーパネルで書き出したいレイヤー上で「右クリック」 > 書き出し形式

ファイルサイズについては、実際に試してみた結果を本記事後半でお伝えします。

「クイック書き出し」は、別記事でお伝えしています。

ヒヨコさん

「Web用に保存」と「書き出し形式」の違い

●「Web用に保存」と「書き出し形式」のウィンドウパネル

Photoshop CC2019「WEB用に保存」と「書き出し形式」の違い

Web用に保存

Photoshop CC2019「WEB用に保存」と「書き出し形式」の違い

書き出し形式

「プレビューの拡大・縮小/ファイル設定/画像サイズ変更/メタデータ/色空間情報」は、どちらにも共通する機能です。

 選べるファイル形式は、「Web用保存」が

  1. PNG
  2. JPEG
  3. GIF

に対して、「書き出し形式」は、

  1. PNG
  2. JPEG
  3. GIF
  4. SVG

です。

SVGで保存したい場合は、「書き出し形式」を使いましょう!

ではもう少し詳しく、「Web用に保存」と「書き出し形式」の違いを見ていきましょう。

「Web用に保存」は、一目で写真の比較ができる

「WEB用に保存」は、一目で写真の比較ができる

「Web用に保存」画面の上部で、「2アップ」「4アップ」などタブを選択できます。

「2アップ」だと、元画像と変更後画像の2枚を一目で比較できます。

「WEB用に保存」は、一目で写真の比較ができる

画質の変化がわかるので便利です。

ヒヨコさん

「書き出し形式」では一度に複数の写真が保存できる

「書き出し形式」では一度に複数の写真が保存できる

「書き出し形式」パネル内の左上に「すべての拡大・縮小」の項目があります。

ここでは、大きさ違いのファイルを一度に保存することができます。

例えば、「1x」「0.75x」「0.5X」の3つを作っておいて保存すると、

「書き出し形式」では一度に複数の写真が保存できる

一度に大きさ違いの3つのファイルを作成することができます。

今回は、

  • 変更なし:1200×800pixel
  • @0,5x :600×400pixel
  • @0,75 :900×600pixel

の3つのファイルが作成されました!

「書き出し形式」では一度に複数の写真が保存できる

また接尾辞に文字を入力すると、元のファイル名の後ろに文字を加えて保存することができて便利です。

「書き出し形式」では一度に複数の写真が保存できる

「書き出し形式」では一度に複数の写真が保存できる


スポンサードリンク


「Web用に保存」と「書き出し形式」のファイルサイズを比較

次は、ファイルサイズの比較をして見ます。

公式ブログをみると、ファイルサイズは「書き出し形式」の方が小さくなると書いてあります。

実際はどうなるのでしょうか?

比較してみました。

設定

ファイル形式:JPEG

圧縮率:80

ここでは、「WEB用に保存」を「」、「書き出し形式」を「」と表記します!

ヒヨコさん

「WEB用に保存」と「書き出し形式」のファイル容量を比較
「WEB用に保存」と「書き出し形式」のファイル容量を比較

 

「WEB用に保存」と「書き出し形式」のファイル容量を比較
「WEB用に保存」と「書き出し形式」のファイル容量を比較

 

「WEB用に保存」と「書き出し形式」のファイル容量を比較
「WEB用に保存」と「書き出し形式」のファイル容量を比較

 

 元画像WEB用に保存書き出し形式
青空603 KB208 KB211 KB
レンズ606 KB238 KB242 KB
星空1.2MB526 KB520 KB
 

「書き出し形式」の方が若干重い・・・

ヒヨコさん

「書き出し形式」の方が軽い時もあるんだよね・・・きっと!

ヒヨコさん

まとめ

以上、「WEB用に保存」と「書き出し形式」の違いを比較しながらお伝えしました。

この結果をファイルサイズだけ見ると、「WEB用に保存」と「書き出し形式」どちらでもいい気がしてきますが・・

「書き出し形式」の方が新しいのでいいんですよ!きっと!

今回は以上です!

「カメラの基礎知識・使い方・上手になる方法」

無料E-Book(Ver.2)プレゼント

総ページ100ページのE-bookです。

キャラ・イラスト・写真を使ってわかりやすく「カメラの基礎知識・使い方・上手になる方法」をお伝えしています。

是非、あなたのカメラライフのステップアップに活かしてください!

この記事を書いている人 - WRITER -
カメラマン。(@Photo_0101)
長野県須坂市出身。写真歴12年。広告スタジオでコマーシャルフォトを勉強した後、独立。2016年に当サイトを開設しました(月間最高17万PV超)。料理撮影を中心に活動。最近は「朝ジム」にハマってます。
詳しいプロフィールはこちら