Safari 6 渲染出来的图片果然是糊的啊！

[xuzhe]

先说说我为啥从 Safari 6 开始就坚持用 Safari 了。

因为它最早支持 Retina 屏，因为它的多点触摸支持比 Chrome 好，前进后退效果也更实用，iCloud 同步也很方便，曾经滚动比 Chrome 流畅……

但，这次 Flickr 改版后我上传了几张高清图片，用 Safari 怎么看怎么糊，再用 Chrome 一看，我靠！坑爹啊！

图片渲染成这样……看来曾经的滚动、渲染快是有代价的。（为了防止是 Flickr 的问题，我用别的网站，例如 v2ex 也对照过，Safari 6.0.4 和 Safari 6.0.5 beta 都试过）。

可怜我看了快一年模糊的图片。无论 Retina MBP 的屏还是 iMac 的非 Retina 屏，全是糊的。

对照图片：
http://www.flickr.com/photos/jyostyle/8848287561/

[xuzhe]

@lightening 应该就是 Safari 在渲染时为了性能做出了妥协。降了精度，速度快了，不像这样放在一起对比也不太看得出来。

我是干活儿的时候老搞“像素级精确”搞出的职业病……

[lightening]

@xuzhe 像素级精确就别用jpeg了呗

[lenville]

手机哭惨了
http://i.imgbox.com/abmqkZFy.png

[MildC]

吐槽无力
上面那个女人的图，你们看看HTML代码好不好？
是用CSS一个像素一个像素画出来的啊

[xuzhe]

@MildC 看过代码啊，的确和我说的不是一回事。

不过对 CSS 写的 RGB 还原不准确也是问题么，就是不知道问题是出在浏览器对 CSS RGB 的还原呢，还是对字体的处理不同，也可能问题是在生成这段 HTML 的程序那里。

还望高人指点。

[MildC]

@xuzhe 这个和字体有关，还和CSS渲染有关吧。firefox显示出来也和chrome差不多
回答下前面为什么safari糊而chrome没有的问题吧
我在我的RMBP上看的时候发现是两者都没有糊的，放大以后甚至safari的纹理细节比chrome更多。其实对比没有对Retina做过优化的网站来看，safari直接做了放大处理，而chrome是4个像素对应一个来优化Retina的显示。而且safari的放大处理优化的不是很好，从而导致一些图片显示是模糊的。

这在非Retina屏幕上的表现来说，就是如果你的图片没有完全适合显示尺寸的话，safari就会做缩放，然而这个缩放没有优化而导致了模糊。Chrome的话是对缩放后的图片做过锐化之类的处理才会显示的比较好吧。

以上纯推测

[hit9]

丫，这不是我的那个img2txt么。。