Photoshop CSでのJPEG画像の最適化-2

• 四月 29, 2024

ステップ3.プレビューを比較します。 4-Upタブをクリックして、3つのデフォルトの圧縮設定の元の画像とプレビューを表示します。右上のプレビューをクリックして、アクティブにします。このプレビューの周囲に薄いグレーの境界線が表示され、アクティブなプレビューであることを示します。プレビューの右側に、[ファイル形式]ポップアップメニューがあります。ポップアップメニューからJPEGを選択します。その下には、[圧縮品質]ポップアップメニューがあります。このメニューから「高」を選択します。次に、右側の小さな矢印をクリックして、[最適化]ポップアップメニューを開きます。このメニューの[ビューの再作成]をクリックします。この最後の手順により、3つのプレビューが現在のJPEG高設定にリセットされます。これで、3つのプレビューを比較する準備ができました。



プレビュー1-高

JPEG-60品質
29.09 K
28.8 Kbpsで11秒

プレビュー2-中

JPEG-30品質
14.02 K
28.8 Kbpsで6秒

プレビュー3-低

JPEG-15品質
9.32 K
28.8 Kbpsで4秒

プレビューには、デフォルトの各圧縮設定で画像がどのように表示されるかが示されます。右上のプレビューには、高圧縮品質で画像が表示されます。この設定では、画像ファイルの圧縮はほとんどありません。ご覧のとおり、画像品質の低下はほとんどありません。 （元のプレビューとこのプレビューの間に大きな違いはありません。）次のプレビュー（左下のペイン）は、中圧縮品質で画像を表示します。このプレビューを調べると、画質が低下し始めていることがわかります。ただし、画像によっては、これが受け入れられる場合があります。 3番目のプレビュー（右下）は、低圧縮品質の画像を示しています。このプレビューでは、画像の品質は最初のプレビューよりもはるかに低くなります。繰り返しますが、画像によっては、この画像品質が目的に合っていると判断する場合があります。

どの画像が最適に見えるかを決定したので、推定ダウンロード時間を評価する準備ができました。各プレビューの下には、その設定のダウンロード情報があります。圧縮後のファイルの推定サイズと、Webページに表示されるまでの時間が表示されます。最終的な決定は、画質とダウンロード時間の妥協点になります。

ステップ4.決定する前によく見てください。 画像をズームインするには、下部のズームテキストボックスまたは左上のツールボックスのズームツール（虫眼鏡）を使用できます。また、ツールボックスには、手のひらツールがあります。手のひらツールを使用して、プレビューペイン内で画像を移動します。プレビューを単独で大きなペインに表示するには、まずそのプレビューをクリックしてアクティブにします。次に、ダイアログボックスの上部にある[最適化]タブをクリックします。

ステップ5.最適化された画像を保存します。 画像に最適な圧縮設定を選択したら、そのプレビューをクリックし、[保存]ボタンをクリックして[最適化された名前を付けて保存]ダイアログボックスを開きます。正しいフォルダーを参照し、画像に名前を付けて、[保存]をクリックします。

（注：独自の圧縮設定を使用する場合は、ダイアログボックスの右側にあるコントロールを使用して、デフォルト設定を調整できます。）

←戻る

Copyright 2018 Adob​​e Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの[a]登録商標または商標です。

動画の説明: ウェブ用基本！Photoshop（フォトショップ）で画像縮小 第4回 (四月 2024).