retina @ 2x изображение не четкое при уменьшении на FF/Chrome

Question

Я чувствую себя глупым, публикуя этот очень простой html вопрос, но я полностью запятнал. У меня есть 100x100 пикселей (test@2x.png), которые я обслуживаю как изображение, а затем изменяя размер до 50x50. Это должно привести к четкому изображению как для сетчатки, так и для сетки сетчатки ... но это не так (в Chrome и Firefox Safari в порядке).

То же изображение сохранено при 50x50 (без изменения размера CSS), а оригинальное шоу в порядке на 100%, но когда исходный 100x100 будет уменьшен, он становится неспокойным.

Технически я не понимаю, как это возможно даже для этого. Учитывая, что у меня есть сетчатка экрана, она должна быть абсолютно противоположной: изображения со 100% не совсем четкие, а 2x изображения масштабируются до 50%.

Должно быть, я сделал это тысячу раз, прежде чем без проблем, кто-нибудь знает, что происходит?

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

скрипку: http://jsfiddle.net/pixeloco/84n141vc/

скриншот того, что я вижу (поддержка/сетчатку ИМАК, Chrome V37): http://i.imgur.com/CS3sJOD.png

Answer 1

Ответ на этот вопрос, что я идиот ... У iMacs нет поддержки сетчатки. Мне особенно нравится, как я признал, что я вижу, это «полная противоположность» того, что должен делать экран сетчатки (он же: показ как сетка не сетчатки), но не поместил два и два вместе. Я собираюсь спрятаться сейчас ....