Image 在FF/Chrome上缩小时，视网膜@2x图像不清晰

我觉得发布这个非常基本的html问题很愚蠢，但我完全被难住了。我有一个100x100像素的图形(test@2x.png)我是作为一个图像，然后调整到50x50。这将为视网膜和非视网膜屏幕带来清晰的图像……但事实并非如此（在Chrome和Firefox中，Safari也不错）

同样的图像以50x50保存（未通过CSS调整大小），原始图像以100%显示正常，但当原始图像100x100缩小时，它会变得不稳定

从技术上讲，我不明白这怎么可能发生。考虑到我有一个视网膜屏幕，它应该是完全相反的：100%的图像不是很清晰，2倍的图像缩放到50%

我以前肯定做过一千次，没有问题，有人知道发生了什么吗

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

小提琴：

---

我看到的屏幕截图（iMac/retina支持，Chrome v37）：

这个问题的答案是我是个白痴。。。iMac没有视网膜支持。我特别喜欢我承认我所看到的与视网膜屏幕应该做的“完全相反”（又名：像非视网膜屏幕一样显示），但没有把二和二放在一起。我现在要隐藏了……

我怀疑Chrome和Firefox中的大小调整器是为速度而不是质量而调整的。我假设您正在将媒体查询设置为类似这样的内容

@media all和（-webkit min device pixel ratio:2）{

@pixeloco我想知道用jpeg而不是png是否会有所不同。不过，我想你仍然有一个有效的问题，屏幕截图和手动调整大小的图像之间确实存在差异。