retina @ 2x 이미지가 FF/Chrome에서 축소되었을 때 선명하지 않음

Question

나는이 기본적인 HTML 질문을 게시하는 것을 바보로 느낀다. 그러나 나는 완전히 뒤죽박죽이다. 나는 100x100 픽셀 그래픽 (test@2x.png)으로 이미지로 제공하고 50x50으로 크기를 조정합니다. 이렇게하면 망막과 비 망막 화면 모두에 선명한 이미지가 나타납니다. 그러나 Chrome 및 Firefox에서는 Safari가 문제가되지 않습니다.

동일한 이미지가 50x50 (CSS로 크기 조정되지 않음)로 저장되고 원본은 100 %로 괜찮아 보이지만 원본 100x100이 축소되면 고르지 않게됩니다.

기술적으로 나는 이것이 일어날 수있는 방법을 기술적으로 이해하지 못합니다. 망막 스크린을 가지고 있다고 가정하면 정확한 반대가되어야합니다. 100 %의 이미지는 선명하지 않으며 50 %의 이미지는 2 배로 확대됩니다.

문제없이 1000 번이나 했어야했는데, 어떤 일이 일어 났는지 알 수 있습니까?

<img src="http://stacyrobyn.com/dev/retina/test@2x.png" width="50" height="50" /> 

바이올린 : 나는 (아이맥/망막 지원, 크롬 V37)을보고 있어요 무엇 http://jsfiddle.net/pixeloco/84n141vc/

스크린 샷 : http://i.imgur.com/CS3sJOD.png

Answer 1

이 질문에 대한 대답은 내가 바보 오전입니다 ... 아이맥에는 망막이 없습니다. 나는 내가보고있는 것이 망막 스크린이해야 할 일 (정확히는 망막이 아닌 화면처럼 보이게하는 것)의 "정반대"라고 인정하는 것을 좋아하지만 두 개와 두 개를 맞추지는 않았다. 이제 숨기로 갈 것입니다 ....