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

2019年1月7日

WRITER

ケイスケ

　

この記事を書いている人 - WRITER -

ケイスケ

カメラマン。（@Photo_0101）
長野県須坂市出身。写真歴12年。広告スタジオでコマーシャルフォトを勉強した後、独立。2016年に当サイトを開設しました（月間最高17万PV超）。料理撮影を中心に活動。最近は「朝ジム」にハマってます。

詳しいプロフィールはこちら

こんにちは！けいすけ （@Photo_0101）です！

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

この記事では、

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

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

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

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用に保存」と「書き出し形式」の違い

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

Web用に保存

書き出し形式

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

1. PNG
2. JPEG
3. GIF

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

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

です。

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

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

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

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

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

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

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

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

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

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

今回は、

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

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

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

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

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

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

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

比較してみました。

まとめ

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

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

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

今回は以上です！