画像の深さを最適化します

今年、私は再び重要な知識のポイントを学びました。画像のビット深さに細心の注意を払ってください。過去には、多くのユーザーがインターネットをサーフィンするためにダイヤルアップモデムを使用していて、各KBが重要だったため、GIF画像の2ビット、4ビット、または8ビットの色深度にしばしば苦労していました。

今日、ほとんどの人はブロードバンドを使用してインターネットに接続していますが、何を推測しますか？各KBはまだ重要です！特にモバイルフィールドでは、誰もがブロードバンドを使用できるわけではないからです。また、ページレンダリング時間を短縮できる最適化は、試す価値があります。最適化ツールは、色深度の最適化などの些細なことを処理すると考えていましたが、そうではありませんでした。

これは、PNG画像に特に当てはまります。デフォルトでは、多くの画像編集ツールは、念のために2^24色の深さでPNG画像を保存します。

写真の場合、これは理にかなっています（写真の場合はJPGまたはWebP形式で保存する必要があります）が、ロゴやアイコンなどの画像の場合、これは実際に使用するよりも約2^24色です。

したがって、私の好ましい画像エディターであるAcornでは、エクスポートダイアログのPNG画像のビット深度を下げることに特に注意してください。多くの場合、視覚的な忠実度を失うことなく256以下の値で色をパレットにインデックス化することにより、画像サイズを80％以上削減します。 （繰り返しますが、私はここで写真について話していません。）

これが例です：

フルカラーの深さのPNG画像サイズは約379kbです。 32色のパレットに制限した後、サイズは61kbです。これは、エクスポート時のサイズです。ImageOpTimで処理すると、最適化されたサイズはそれぞれ359kbと48kbです。色の深さを減らすだけで、体重の約85％を節約できます。画像を展開して、より多くの色が必要であることがわかった場合、64色を使用するプロセスを再実行できます。この場合、最終サイズは73kbで、まだ巨大なスペースを節約できます。

肉眼で色の深さを減らすことは、最適化スクリプトを画像ディレクトリに適用するよりも明らかに面倒ですが、私の経験では、このアプローチは画像サイズとユーザーエクスペリエンスにより効率的です。そして、それがこれらすべての核心ですね。

以上が画像の深さを最適化しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。