これは完全にプログラミングに関する質問ではありませんが、ここで質問するのが最適だと思います。
私のウェブサイトのフロント ページには素敵なバナーがあり、画像の半分以上が色の「グラデーション」で、テキストもいくつかあります。ここで、適切な品質のテキストを取得するには、jpeg ファイルを 90% 以上の品質で保存する必要があり、106 KB かかります (それほど悪くはありませんが、特にランディング ページを速くしたいので、サイトに余分な負荷がかかります) ）。
さて、そのようなグラデーションをより圧縮された方法で保存できる画像形式（PNG / GIFなど）があるかどうかを知りたいです。もしそうなら、その形式で直接保存するようデザイナーに依頼します。問題は、JPEG から PNG/GIF への変換が正しい方法ではなく、「ノイズ」を無損失でエンコードする必要があるため、実際にはサイズが大きくなることです。
画像 : http://pollwidget.org/images/first_view.jpg
ありがとう
あなたが持っているものと同じくらいの大きさの画像で、あなたが持っているものと同じくらい多くの色が含まれています...あなたの品質パラメータを考えると、80-100Kよりもはるかに良いことはできません.
画像を少なくとも 2 つのコンポーネントに分割することをお勧めします。1 つは背景のグラデーションで、もう 1 つは UI のビューです。PNG/GIF を使用し、カラー パレットに制限を課すと、通常、この方法でかなりの節約ができます。
ただし、実際には、テキストを画像から分離する必要があります。検索エンジンがテキストを読めなくなるだけではありません。ブラウザーにテキストのレンダリングを処理させることで、多くのスペースを節約できます。使用できる書体に少し柔軟性が必要です。デフォルトのブラウザ フォントが気に入らない場合は、Google の Font ディレクトリを確認してください。
少し調べてみると、高品質の写真には JPG を使用するのが理想的であることがわかります。PNG8 と GIF ファイルはどちらも 256 色をサポートするため、同様に機能しますが、GIF は透明度やグラデーションを滑らかにする「アルファ」効果をサポートしません。PNG8 は、さらに PNG24 はさらに優れています。そのため、PNG には、ピクセルの一方の端を暗くし、もう一方の端 (アルファ) を透明にする機能があります。GIF は別の方法でそれを実現します。シルクスクリーン印刷を始めたときにこれらすべてを学んだので、グラフィックデザインでどのように機能するかはわかりません. これは、私が見つけた良いリンクであり、それを本当に理解するのに役立ちました. JPG、PNG、GIF
