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

こんにちは！カメラマンのけいすけ （@Photo_0101）です！

学生時代からPhotoshopを触っていて、15年使い続けています。

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

この記事では、

カメさん

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

ウサギさん

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

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

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

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

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

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

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

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

引用：Adobe公式ブログ

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

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

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

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

引用：Adobe公式ブログ

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

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

ヒヨコさん

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

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

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

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

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

です。

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

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

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

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

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

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

ヒヨコさん

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

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

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

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

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

今回は、

の３つのファイルが作成されました！

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

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

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

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

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

比較してみました。

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

ヒヨコさん

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

ヒヨコさん

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

ヒヨコさん

まとめ

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

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

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

今回は以上です！