Photoshop CSでJPEG画像を最適化する

• かもしれません 17, 2024

Webでデビューする準備ができたら、Webで使用できる形式で画像を保存します。これはPhotoshop CSで簡単に行えます。

Save for Web最適化機能を使用すると、5つの形式（JPEG、GIF、PNG-4、PNG-24、WBMP）で画像を保存できます。ただし、一部の古いWebブラウザーは最後の3つの形式を処理できません。そのため、現時点では、選択をJPEGとGIFに制限することをお勧めします。画像にクリップアート画像に見られるような無地の領域がある場合、GIF形式が通常最適に機能します。ただし、写真のように画像にわずかな色の変化がある場合は、JPEGが最適です。以下は、Web用に保存ダイアログボックスでJPEG画像を最適化する手順です。

手順1. [Web用に保存]ダイアログボックスを開きます。 まず、Photoshopプログラムで画像を開く必要があります。次に、メニューバーで[ファイル]> [Web用に保存]をクリックすると、[Web用に保存]ダイアログボックスが新しいウィンドウで開きます。


拡大するにはクリックしてください

Web用に保存ダイアログボックス

[Web用に保存]ダイアログボックスには、4つのタブが表示されます。 [オリジナル]タブには、現在の状態（最適化される前）で画像が表示されます。 [最適化]タブには、最適化された後の画像が表示されます。 [2-Up]タブには、元の画像と最適化されたバージョンが並べて表示されます。 4-Upタブには、プログラムのデフォルトの圧縮設定に基づいて、他の3つのプレビューとともに元の画像が表示されます。

なぜ3つのバージョンですか？画像を最適化すると、大きな画像ファイルが小さなファイルに圧縮されます。使用する圧縮が多いほど、ファイルサイズは小さくなります。小さなファイルは、大きなファイルよりも速くWebページに表示されます。ただし、この小さなファイルでは画質が低下します。画質とファイルサイズの適切なバランスを見つける必要があります。 3つのプレビューを使用して、画像に最適なデフォルトの圧縮設定を選択します。

ステップ2.モデム速度。 デフォルトのモデム速度は28.8 Kbpsです。プログラムはこのモデム速度を使用して、3つのプレビューのダウンロード時間を推定します。別のモデム速度を使用する場合は、ダイアログボックスの上部にある小さな矢印をクリックします。 [プレビュー]ポップアップメニューが開き、選択したモデム速度をクリックできます。

次へ→

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の登録商標または商標です。

動画の説明: 【Photoshop 超・基礎入門】 #08「画像の加工」「WEB用に書き出し」 (かもしれません 2024).