3

Web ページで「鮮明な」画像を要求するクライアントがいます。彼が私にくれた 1 つの画像は幅 2592 ピクセルでしたが、ページは幅 940 ピクセルしかありません。問題ありません。Photoshop を使用して画像のサイズを変更しただけですが、品質が著しく低下し、ギザギザのエッジがたくさんあります。サイズを 3 分の 1 にリサイズすると品質が低下すると予想されますが、もっとうまくできると思いました。そこで、元の画像をブラウザ (Chrome) で幅 940 ピクセルにサイズ変更しました。はい、これが絶対に最悪のことであることは理解していますが、私はただ実験していました. ブラウザは、Photoshop よりもはるかに優れたサイズ変更機能を備えていることがわかりました。端がギザギザになることはなく、画像の品質はオリジナルにかなり近くなっています。

それで、ここでの取引は何ですか？Photoshop が Chrome ほどサイズ変更できないのはなぜですか (IE8 と Firefox も同様にうまく機能します)。Photoshop のリサンプリング オプションを微調整してみましたが、実際の違いは見られませんでした。

4

3 に答える 3

1

Photoshop で画像をスケーリングする際には、考慮すべき点がいくつかあります。

1.) ファイルタイプ+圧縮

非可逆圧縮 (JPEG など) のファイル タイプを使用する場合、品質を 8 より大きく設定しないと、品質が著しく低下することを確認する必要があります。

2.) リサンプル法

Photoshop には、縮小時のピクセルの結合方法に影響するいくつかの異なるリサンプリング方法が用意されています。以下は、スケーリング時にこれを変更できる場所を示すいくつかの画像へのリンクです。

画像 -> 画像サイズ...

http://cl.ly/3W3M0b3W3H0G1Y452L15

このウィンドウの下部にドロップダウンがあります。

http://cl.ly/0o463J2J0e2L1u0C1U26

おそらく、「最近隣」または「バイリニア」を使用して画像がリサンプリングされている可能性があります。

試してごらん。

于 2012-06-26T00:03:38.523 に答える
0

TimThumb などのブラウザベースのスクリプトを使用してみることができます: http://code.google.com/p/timthumb/

表示するためだけに巨大な画像を縮小するのではなく、画像のサイズを変更する必要があります。このスクリプトは、画像のコピーをさまざまなサイズで作成します。私の記憶が正しければ、ある種のキャッシュもサポートしています。

かなり大きな画像のサイズを非常に小さなサムネイルに変更したことがありますが、常にシャープに見えました。

于 2012-06-26T00:00:51.203 に答える
0

Photoshop と Web ブラウザーでは、サイズ変更の処理が異なります。私は Photoshop を使用しないので、その点についてはお手伝いできません..

ただし、画像を Web ブラウザーでリサイズしたように見せたい場合は、Web ブラウザーでリサイズしてください。スクリーンショットを撮り、サイズ変更した画像を切り取って、サイトで実際に使用できる別の画像を作成します。

于 2012-06-26T00:02:07.413 に答える