javascript - 1つの画像のみを使用して網膜かどうかを確認します

Question

タイトルの通り。すでに Retina に適合している画像を 1 つだけ使用することはできますが、Retina スクリーンを使用しない場合、画像は自動的に非 Retina 画像にサイズ変更/トリミングされますか? 私はIEでこの問題を抱えています（そして私はPCを使用しています）。私の写真はすべて、Chrome、Opera、Moz などの他のブラウザで見栄えがします。しかし、同じ画像を IE で見ると、これらの「醜いエッジ」があります。

このブログ投稿を見ましたが、彼は 2 つの写真/画像を使用しています。もちろん、可能であればそれはしたくありません。

var retina = window.devicePixelRatio > 1;

if (retina) {
    var html = '<img src="my-high-res-image.jpg">';
}
else {
    var html = '<img src="my-low-res-image.jpg">';
}

より具体的には、画像が 500x500 で、CSS で網膜スクリーンのために 100x100 ピクセルに縮小する場合です。しかし、画面が網膜ではなく、縮小した 500x500 の画像を使用している場合、これらの「鮮明なエッジ」が表示されます。

私が何を意味するかを示すために、Chrome と IE(Edge) を使用して、使用している同じ写真の 2 つのスクリーンショットを撮りました。以下の画像の元のサイズは 500x500 ですが、100x100 に縮小されています。

クロム

IE

十分に明確でない場合は、私の質問に戻ります。1 つの画像を使用できますが、必要に応じて網膜であるかどうかを指定できますか?