新しいウェブサイトのデザインを進めています。わずかに異なる画像要件を持つ Retina ディスプレイについて読んだ後、Internet Explorer が他のブラウザーと比較して画像の縮小率がいかに貧弱であるかに気を取られました。
私は何かが欠けているに違いないことを知っているので、この例のために数年前に作成した古いロゴをアップロードすることにしました. このpng画像にアクセスするとhttp://test.glow-sticks.org/images/logo-ietest.png
たとえば 100% で表示すると、すべてのブラウザーで問題ないように見えますが、Chrome や Firefox などを使用して 25% にズームアウトすると、画像はスムーズなエッジを維持しながら適切にサイズ変更されます。
ただし、IE を使用して 25% 程度に縮小し始めると、ロゴの端がギザギザ/ピクセルになります。
まず、なぜですか？第二に、これに対する簡単な解決策はありますか？
とりとめのない質問を複雑にしたくはありませんが、SVG も試していました。ロゴを SVG に変換し、画像を 250px で Web サイトに出力しました。ただし、IE ではページを 100% で表示してもロゴがスムーズに表示されず、300% 程度になると見栄えがよくなります。
そもそも画像が大きいためだと思いますが、なぜIEだけがこの問題を抱えているのでしょうか?
どうもありがとう！