Photoshopチュートリアル:Web用に画像を最適化する

ウェブ画像の最適化

目的に応じて 私たちの写真は、何らかの治療が必要になります。 印刷したり、デジタルプロジェクターに表示したり、Webページに表示したりする写真を構成することは同じではありません。 各メディアには、さまざまな欠陥、特性、またはニーズがあります。 このため、これらの側面に特別な注意を払う必要があります。そうしないと、知らないうちに間接的に構成の品質を低下させる可能性があります。

この場合、次のチュートリアルでは、Adobe Photoshopが提供する設定を確認して、Webページやインターネットで再現するのに最適な処理ができるように画像を保存します。 この方法では 最も安いオプションを見つけようとします 品質(カットやピクセル化)やファイルのサイズなどの側面を考慮すると、写真やファイルをWebサイトにアップロードするときは、操作のためにできるだけ軽量にする必要があることをすでにご存知でしょう。私たちのウェブサイトのははるかに機敏です。 これらの基本的なオプションを考慮に入れるのは興味深いことです。私たちがすぐに使えるすべての詳細に注意を払う必要があることはすでにご存知でしょう。

JPEG画像の最適化

まず、アプリケーションを起動し、作業する写真(この場合は中程度の画像とJPEG形式)をインポートします。

最適化-1

この写真をWebでの作業に適した特性で保存するには、[ファイル]メニュー> [Web用に保存...]に移動する必要があります(このオプションには、Alt + Shift + Ctrl + Sからアクセスすることもできます)。

最適化-2

[Web用に保存]ダイアログボックスの上部にある[4つのコピー]というタブをクリックします。 ファイル内のXNUMXつの異なる設定を確認することで、どの設定が目的に最も適しているかを知ることができます。 XNUMXつのコピービューを使用して、画像の複数のバージョンを同じ画像ウィンドウに表示できます。 私たちはそれを行い、さまざまなフォーマットを適用し、それらのどれが私たちの主張に最も適しているかを確認します。 次に、画像の各バージョンの最適化割り当てを調整して、割り当ての最適な組み合わせを選択できます。

最適化-3

ダイアログボックスの左下にある[ズームレベル]ドロップダウンメニューを使用して、倍率を200%以上に変更し、写真をよく分析して画像の詳細を確認できるようにします。

最適化-4

画像の右上のバージョン(最も暗い境界線が示しているアクティブバージョン)の上にマウスカーソルを置きます。 カーソルは手の形になります。これは、カーソルをドラッグして画像を移動できることを示しています。 ドラッグして画像の位置を変更し、画像の最も適切な領域、つまりニュアンスとコントラストが最も多い領域を見つけます。

最適化-5

[最適化]パネルの[プリセット]ドロップダウンメニューから、[ディザ付きGIF128]を選択します。 選択したバージョンの画像(この場合は右上)で、暗い領域が見やすくなるように変更が加えられていることに注目してください。 次に、次のパネルにJPEGとPNGの設定が表示されます。

最適化-6

画像の左下のバージョンをクリックして選択します。 プリセットメニューで低JPEGバージョンを選択します。 画像はかなりピクセル化されて表示され、その品質は許容できません。特にテキスト領域では非常に目立ちます。 許容できないファイルサイズを取得せずに、画像の品質を向上させるよう努めます。

最適化-7

設定ドロップダウンメニューからJPEGHighを再度選択します。 これにより、画質が大幅に向上しますが、ファイルサイズも大幅に増加します。

最適化-8

最後に、最も成功するオプションは中間点です。 [プリセット]ドロップダウンメニューから[JPEGメディア]を再度選択します。 ファイルサイズはJPEGHighバージョンまたはGIFバージョンよりもかなり小さくなっていますが、画質は許容範囲内になりました。

最適化-9

最後に、右下のパネルを選択します。 ドロップダウンメニューからディザリングを使用してPNG-8をもう一度選択します。 このオプションは元の画像よりも小さいファイルサイズを提供しますが、画質はJPEGMediumバージョンほど良くありません。JPEGMediumバージョンも小さいファイルサイズになります。

最適化-10

最後に、JPEGバージョン、つまり左下のバージョンをクリックします。 最適化されたパネル(ダイアログの右側)で、プログレッシブが有効になっていることを確認し(これにより、画像が複数のパスでダウンロードされ、それぞれが画質を向上させます)、[OK]をクリックします。

最適化-11

最後に、[最適化された名前を付けて保存]ダイアログボックスで、元の名前を使用して[保存]をクリックします。 このようにして、元のファイルのJPEGバージョンを目的のフォルダーに保存します。 最後に、変更を保存せずにこのプロジェクトを閉じます。


コメントを最初に

コメントを残す

あなたのメールアドレスが公開されることはありません。 必須フィールドには付いています *

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。