こんにちは！カメラマンのケイスケ （@Photo_0101）です！
学生時代からPhotoshopを触っていて、15年使い続けています。
Photoshopには、多くの保存方法があります。
この記事では、
っと悩んでいるあなたに、「Web用に保存」と「書き出し形式」の違いを比較しながらお伝えします！
この記事のもくじ
Photoshopの「Web用に保存」と「書き出し形式」とは
Photoshopで写真をWeb用に保存方法は、３つあります。
- 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用に保存」と「書き出し形式」の違い
●「Web用に保存」と「書き出し形式」のウィンドウパネル
Web用に保存
書き出し形式「プレビューの拡大・縮小／ファイル設定／画像サイズ変更／メタデータ／色空間情報」は、どちらにも共通する機能です。
選べるファイル形式は、「Web用保存」が
- PNG
- JPEG
- GIF
に対して、「書き出し形式」は、
- PNG
- JPEG
- GIF
- SVG
です。
SVGで保存したい場合は、「書き出し形式」を使いましょう！
ではもう少し詳しく、「Web用に保存」と「書き出し形式」の違いを見ていきましょう。
「Web用に保存」は、一目で写真の比較ができる
「Web用に保存」画面の上部で、「２アップ」「４アップ」などタブを選択できます。
「２アップ」だと、元画像と変更後画像の２枚を一目で比較できます。
「書き出し形式」では一度に複数の写真が保存できる
「書き出し形式」パネル内の左上に「すべての拡大・縮小」の項目があります。
ここでは、大きさ違いのファイルを一度に保存することができます。
例えば、「1x」「0.75x」「0.5X」の３つを作っておいて保存すると、
一度に大きさ違いの３つのファイルを作成することができます。
今回は、
- 変更なし：1200×800pixel
- @0,5x ：600×400pixel
- @0,75 ：900×600pixel
の３つのファイルが作成されました！
また接尾辞に文字を入力すると、元のファイル名の後ろに文字を加えて保存することができて便利です。
「Web用に保存」と「書き出し形式」のファイルサイズを比較
次は、ファイルサイズの比較をして見ます。
公式ブログをみると、ファイルサイズは「書き出し形式」の方が小さくなると書いてあります。
実際はどうなるのでしょうか？
比較してみました。
ファイル形式：JPEG
圧縮率：８０
| 元画像 | WEB用に保存 | 書き出し形式 | |
| 青空 | 603 KB | 208 KB | 211 KB |
| レンズ | 606 KB | 238 KB | 242 KB |
| 星空 | 1.2MB | 526 KB | 520 KB |
まとめ
以上、「WEB用に保存」と「書き出し形式」の違いを比較しながらお伝えしました。
この結果をファイルサイズだけ見ると、「WEB用に保存」と「書き出し形式」どちらでもいい気がしてきますが・・
「書き出し形式」の方が新しいのでいいんですよ！きっと！
今回は以上です！
おいしそうに撮れる料理写真のコツを６つにまとめました。
実例の写真を使ってできる限りわかりやすく説明してます。
プライベートや仕事で料理の写真を撮る方は、ぜひ参考にしてみてください。
また、知っておくと便利な小技・道具もご紹介してます。
※無料配布は予告なく終了させて頂く場合があります。気になる方はお早めに。
