PhotoshopでWeb用の画像を保存する方法

01 - ソースファイルを開く

開始するには、 ファイルを開くには[ファイル/開く]に移動する必要があります。 jpg、gif、psd、pngなどの任意の形式にすることができます。 Photoshopが開くことができれば、Web用に出力することができます。

02 - Web用にファイルを保存する

私たちは、あなたが必要とする調整を行ったと仮定して、Webのために節約することを先にスキップします。 明らかに、イメージを編集する必要がある場合は、最初に行い、後でこのステップを続行します。

[ファイル/ Web /デバイス用に保存 ]に移動し、をクリックします。 それはドロップダウンメニューの約半分です。

このプロセスでは、元のファイルはまったく変更されません。 新しいファイルを作成しています。 このチュートリアルを完了し、Photoshopで元のイメージに戻ったら、変更を加えたファイルを保存する必要があります。 新しい画像に元の画像とは異なる名前を付けることが重要です。 しばしば単にファイル名に_webを追加するだけでうまくいくでしょう。 （例：filename_web.jpg）

03 - 2-Upへの比較ビューの調整

設定に応じて、ここでビューを調整する必要があります。 あなたが望むのは、あなたのイメージの左右の比較です。 左側にはオリジナルが表示され、右側には現在の設定での画質が表示されます。

ウィンドウの上部を見ると、オリジナル、最適化、2アップ、4アップのオプションが表示されます。 ほとんどの場合、2-Upはあなたが望むものです。

04 - 表示サイズを100％に設定

100％で表示していることを確認するには、画面の左下隅にあるオプションを確認してください。

あなたが100％以上の画像を見た場合、それはざらつくように見えたり、解読できないように見えることを覚えておくことが重要です。 常に100％の画像で作業してください。

05 - ファイルサイズの選択

ウェブの寸法は、ほとんどの場合ピクセル単位（px）です。 比率を正確に保つことが重要です。 画像ボックスの横に、チェーンリンクの小さな画像があります。 それはあなたが高さを調整するときの幅のスケールです。 たとえば、600ピクセル×400ピクセルのイメージです。 幅を300ピクセルに縮小すると、ファイルは自動的に200ピクセルの高さに拡大されます。 チェックされていないと、画像がゆがんで表示されます。

画像をパーセンテージで拡大縮小するオプションもあります。

06 - エクスポートするファイルタイプを選択しました

このオプションでは、元のファイルの種類は関係ありません。 必要なファイルを選択できます。

注：プロセスを開始するには、右の画像をクリックする必要があります。 画像は処理するために選択する必要があります。

最も一般的なのはウェブ用のjpgです。これはサイトの訪問者にとってより速くダウンロードすることを意味する最小のファイル形式です。 透明性を持っている場合、png-24を選択しました。 どんな透明性があなたがjpgを選ぶべきかを知らないならば。

07 - 画質を選択する

3つのjpgオプション（高、中、低）のそれぞれには、事前に設定された品質設定があります。これらはすべて手動で調整できます。 あなたが100％で見ているなら、あなたは必要な品質を決めることができます。 ズームのレベルを調整するには、手順5を参照してください。画像は、プレビューウィンドウと同じように表示されます。

jpg以外のものを選択した場合は、この手順をスキップできます。

08 - あなたのファイルを保存する

必要な調整が完了したら、ファイルを保存する準備が整いました。 [保存]をクリックし、この新しい画像に使用するフォルダとファイル名を選択します。

おめでとう！ 新しいファイルはオンラインで使用できる状態です。