問題タブ [image-rendering]

Photoshop CS6 から PNG-24 をエクスポートしましたが、Chrome では次のように表示されます。

三角形の周りに白い線が見えます。

同じ PNG が他のブラウザで正しくレンダリングされます。firefoxでのレンダリングはこんな感じ。

Age Of Empires という古いゲームのアニメーション gif をレンダリングしようとしました... gif は透明ではなく黒で奇妙にレンダリングされます... gif はhttp://ageofempiresgif.altervista.org/en/の任意の gif ですアーカイブ.php

MDNによると、現在提案されている CSSimage-renderingプロパティの値はauto、crisp-edgesおよびpixelatedです。しかし、どちらもピクセルを拡大するだけで何も補間しないと想定されているため、crisp-edgesとの違いはわかりません。pixelated

では、違いはどこにあるのでしょうか。

CSS アニメーションを PNG 画像に追加すると、画像のレンダリング品質が大幅に低下するという問題があります。

3 つの個別の PNG を含む div があり、いずれかの画像にアニメーションを追加すると、すべての画像の品質が低下します。

アニメーションには変換回転が含まれていますが、これを画像だけ (アニメーション キーフレームの外側) に追加しても、品質が低下することはありません。また、画像の親要素に適用された他のすべての変換を削除し、遠近法などの他のプロパティを削除しようとしましたが、これは役に立ちません。品質の低下は、アニメーションを追加する場合のみです。

私はこれをChromeで見ています。画像の外観は、画像レンダリング時の外観とまったく同じです: -webkit-optimize-contrastが追加されています。

他の誰かが同様の問題に遭遇しましたか?

すべてのブラウザー (IE 10 よりも低いバージョンの IE) で正常に表示される Web サイトがあります。ただし、IE10 では、下に添付されているスクリーンショットのように、画像にレンダリングの問題があります。ランダムな時間にランダムな色のバーが表示される場合でも、一度更新すると問題ありません。ページに Javascript はありません。画像を表示するためのスタイリングだけです。何か案は？グーグルとStackOverflowで試しましたが、うまくいきませんでした。ある種のメタ タグを配置する必要がありますか?

写真共有アプリがあります。モバイル/タブレットからのデータはサーバーに送信され、これらの画像はブラウザやさまざまな画面サイズのモバイル デバイスに表示されます。

さまざまなデバイスでこれらの画像を効果的に表示するには、さまざまなサイズの複数の画像を作成する必要がありますか?それとも同じ画像をデバイスでレンダリングできますか?

写真を共有/表示するためのAndroidネイティブアプリがあります。

木の年輪の合成画像の生成に関する論文やリソースを誰かが知っているかどうか疑問に思っていました. 私は、画像のような年輪をレンダリングするために使用できる2dスカラーフィールドまたはその他のデータ表現を考えています:)

ありがとう！