image - 画像のサイズ変更または新しいファイルのパフォーマンス

Question

これはばかげた質問のように思えるかもしれません。ウェブサイトで再利用されている画像がありますが、サイズが異なることがよくあります。たとえば、16x16と32x32の両方で使用する小さなアイコンや、大きいバージョンと小さいバージョンのロゴがあります。私の質問は、1つのファイルを用意してから、ブラウザでファイルのサイズを変更するか、2つの別々のファイルを作成するかで、パフォーマンスを向上させるためのより良いアプローチがあるかどうかです。サイズ変更の方がおそらく良いと思いますが（サーバー要求は1つだけ）、そうすると同じ画質/制御が得られるとは思えません。この点でのベストプラクティスは何ですか？スプライトが使用されている場合、これは変わりますか？

Answer 1

小さい画像は、パフォーマンスではなく外観のために最適化する必要があります。小さい画像を大きい画像にサイズ変更すると、画像がぼやけたりピクセル化されたりするだけで、大きい画像を小さい画像にサイズ変更すると、重要な詳細が失われます。