イメージの最適化

Question

yslow smushitを使用してイメージ（gifまたはjpeg）をpng8に変換すると、サイトのパフォーマンスが向上します。それはie6で動作するのだろうか？

Answer 1

画像によって異なります。 PNGはカラーブロックの画像に適していますが、jpegは写真タイプの画像に適しています。 Smushitは余分なバイトを削り落としてファイルサイズを減らしますが、小さな画像がたくさんある場合は、ページを読み込むのに必要な接続数を減らすためにスプライトを考慮する必要があります。

役立つファイルサイズを小さくするが、ファイルの数を減らすには、（通常は）ほとんどのに役立ちます。

Answer 2

ここで関与する多くの要因がある：

• サイズが画像
• の（メガ）バイト画像をすることができる速度で画像
• サイズのピクセルでユーザーに送信されます。これは、サーバーの速度とユーザーの接続速度の組み合わせです。
• ブラウザがイメージを読み取って表示用のビットマップに変換するのにかかる時間
• ユーザーのコンピュータ/グラフィックスカードの組み合わせの速度。

画像をpngに変換すると、ボトルネックが画像のサイズ（バイト）に起因することがわかっている場合を除いて、サイトの掲載結果と大きな違いが生じることはわかりません。ユーザーの接続が遅い場合、これは実際には役立たないでしょう。

Answer 3

あなたの質問は非常に曖昧です。私はとにかく答えるつもりです。

まず、パフォーマンスには2つの目的があります。サイトの閲覧者と、そのサイトが稼働しているマシン。ビューアは、ページをより高速に読み込むことができるので、画像を小さくすることで恩恵を受けるでしょう。サーバーでは、接続のピーク帯域幅に近い場合を除いて、通常は違いは重要ではありません。

（アニメーション化されていない）GIF画像の場合、PNG圧縮は非常に優れているため、PNG8への変換は無痛で有益です。また、Internet Explorer 6では、1ビットのアルファチャンネル（これは基本的にGIFと同じ）を持つPNG画像の表示に問題はありません。 8ビットアルファチャンネルを使用している場合、IE6にはディスプレイアーチファクトがあります。

JPEG画像をPNGに変換するとファイルサイズが大きくなり、画質は向上しませんので、私はそれに反対します。

Answer 4

ダウンロードが速くなります。 PNG（AFAIK）は、より良い圧縮アルゴリズムを使用するため、GIFよりも小さなファイルサイズになります。 Photoshopのようないくつかのプログラムでは、メタデータのオーバーヘッドが少し増えます。また、画像の品質を損なうことなく、ロスレスです。

IE6ではPNG8をサポートしているため、IE6で動作します。 24ビットのアルファ透明度を持つPNGはIE6ではサポートされていません。 hackがありますが、それは最適ではありませんが、何よりも優れています。