ブラウザイメージのレンダリング

Question

JavaScriptを使用して私のウェブページ上に透明な.gifのサイズを動的に変更しています。元の画像サイズは約200x200ピクセルで、通常は600x600から800x800にリサイズされます。 IE8とFF3では、サイズが変更された画像の結果、色が伸びて見えるような綺麗なグラデーションが得られます。ただし、IE7やFF2などの古いブラウザでは、サイズ変更されたイメージにはグラデーションが表示されず、同じ色のブロックのみが表示されます。明らかに、これを引き起こすブラウザーには何かが組み込まれていますが、私の元のイメージを変更することなくこれを回避する方法があるのであれば私は好奇心が強いです。

Answer 1

グラデーションとして使用している場合は、Photoshop/Gimpで必要なものを適切に解決してください。長期的には、すべてのブラウザで適切に表示されるようにアップスケール画像を取得しようとすると、はるかに簡単になります。

Answer 2

ありません。古いブラウザでは、画像内のピクセルを取得し、画像に与えた新しいサイズに応じて拡大します。

最新のブラウザでは、アンチエイリアスなどの高度な画像レンダリングが行われているようですが、古いブラウザではそれができません。イメージをすべてのサイズで見栄えのよいものにするには、可能な限り大きなものを取り、必要に応じて縮小します。小さな画像をアップサイジングすると、古いブラウザーでは醜く見えますが、何もできません。

Answer 3

"-ms-interpolation-mode：bicubic;"を追加すると、IE7はバイキュービックをサポートしているようです。あなたのimg CSSスタイル。私は自分自身でそれを試していないし、それがgif上で動作するのか、それとも真のカラー画像でしか動作しないのだろうかと思います。