1

tumblerで使用されている404ページに似た背景画像をWebページに作成しようとしています...

http://testing404image.tumblr.com/

ここでは、1623 * 1064ピクセルのPNGを見ることができますが、グラデーションに関してはかなり滑らかに見えます。画像の直接リンクは http://testing404image.tumblr.com/images/status_bg.png?2です。

Photoshop CS4 for Macで同様のPNG(異なる色、同じサイズ)を作成しようとすると、結果のファイルは400kを超える結果になりますが、タンブラーは90kです。

色数を55に減らすなど、すべてのPhotoshopオプションを試してみましたが、約240k未満の画像を取得できません。

また、ImageOptim(http://imageoptim.com/)などのさまざまな最適化ツールを試しましたが、役に立ちませんでした。

このPNGのプロパティで、ファイルサイズが非常に小さくなるものはありますか?グラデーション画像に適していると考えてJPGを使用してみましたが、100%品質のJPGでも、同じコンテンツ/サイズのPNGにはない顕著なエイリアシングが発生しました。

アドバイスありがとうございます

4

3 に答える 3

1

こんにちは、色を変えました

画像>調整>色相/彩度-PhotoshopCS4の場合

そしてこれは結果です:

画像

ご覧のとおり、ほぼ同じサイズ(75k)です。

下で遊んでみてください

画像>調整

探している色を取得し、インターレース用にNONEを使用してpngとして保存します。

于 2012-11-16T03:48:49.820 に答える
1

PhotoshopはPNGにはあまり適していません。単純に開いて、控えめなxnView(最大圧縮)で保存し、74Kを取得しました。また、パレット画像に変換して、少し調整を加えることもできます。PNGoptimを使用すると、最終的なサイズは64.548になります。それ以上のことは期待できません。画像が大きすぎます。

ところで、非常に大きくて滑らかなグラデーションを使用すると、デジタル画像(ピクセルあたり8ビット)はバンディングなしでは表現できないことに注意してください。その画像は実際にオーバーサンプリングされています(25%以下で再サンプリングして拡大縮小して表示すると、結果は基本的に同じになります)

于 2012-11-16T12:31:42.487 に答える
0

実際の理由は、作成しているものよりも低いグラデーション品質を探しているソース画像です。

Ditherグラデーションの色を塗りつぶすときは、(Photoshopの上部のツールバーから)オプションのチェックを外してください。グラデーションの品質と滑らかさが低下するため、ファイルサイズが非常に小さいPNG出力が得られます。

于 2017-08-04T21:56:33.417 に答える