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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 4190 天前的主题，其中的信息可能已经有所发展或是发生改变。

先说说我为啥从 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/

Safari

Retina

Chrome

27 条回复 • 1970-01-01 08:00:00 +08:00

xuzhe

2013-05-27 09:56:07 +08:00

补充一下，我和本地 Lightroom 渲染的图片也做过对比，Chrome 是对的。因此并不是 Chrome 故意对图片做了锐化。而是 Safari 真的糊。

paopaosa

2013-05-27 17:01:48 +08:00

没看出区别来..眼拙.

xuzhe

2013-05-27 18:46:48 +08:00

@paopaosa 山顶白雪覆盖处的细节。

Perry

2013-05-27 19:13:11 +08:00

但是Chrome对rgb渲染不太好唉。。（可能）
http://hit9.org/img2txt/4.html

xuzhe

2013-05-27 20:36:26 +08:00

@Perry 同样是 WebKit，怎么差距就那么大捏！感觉又快回到当年各家浏览器玩儿命推自家标准，整个 Web 大混乱的年代了。

donotgo

2013-05-28 07:32:38 +08:00

眼拙，看不出啥区别

donotgo

2013-05-28 07:36:21 +08:00

@Perry 为啥我的safari介于你的两张图之间哎

donotgo

2013-05-28 07:48:04 +08:00

@Perry 找了台装chrome的pc试了下，为啥怎么打开都是变形的。。。

Perry

2013-05-28 08:08:55 +08:00 via iPhone

@donotgo 看来这个不好说了。。

ziseyinzi

2013-05-28 08:50:20 +08:00 via Android

chrome的图片渲染没有限制，多大的图片都会玩命地渲染，导致渲染效果一流但是遇到超大图易卡死

babymac

2013-05-28 19:43:18 +08:00

卤煮拍得一手好照片啊

swulling

2013-05-28 19:46:04 +08:00

@Perry 你这个本来就不是图片吧。。拼起来的黑方块

swulling

2013-05-28 19:50:47 +08:00

@donotgo @Perry那个不是图片，是黑方块的组合，所以和字体有关。

我这里因为修改了字体，所以变成了一个个大方块。。

这个和lz说的图片渲染根本就是两回事。。

Perry

2013-05-28 19:54:02 +08:00

@swulling 恩，我还以为砖块的rgb颜色也和渲染有关系。。

lightening

2013-05-28 19:59:25 +08:00

楼主把原图地址发出来给我们试试呗

lanceli

2013-05-28 20:06:50 +08:00

我好像悲剧了

soultian

2013-05-28 20:11:25 +08:00 via iPad

楼上这也太离谱，色阶多少啊 256么

xuzhe

2013-05-29 15:19:43 +08:00

@lightening 在 Flickr 中，往后翻两页就有原图了。在同一个相册中的：）

xuzhe

2013-05-29 15:21:03 +08:00

@babymac 过奖了，产量太低，拿得出手的不多。

lightening

2013-05-29 17:17:34 +08:00

@xuzhe 这尼玛还真的不同啊，是不是jpeg解码器不同呢？

xuzhe

2013-05-29 22:36:51 +08:00

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

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

lightening

2013-05-29 23:59:30 +08:00

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

lenville

2013-05-30 00:24:02 +08:00 via Android

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

MildC

2013-05-30 02:21:43 +08:00

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

xuzhe

2013-05-30 10:27:28 +08:00

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

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

还望高人指点。

MildC

2013-05-31 06:06:32 +08:00

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

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

以上纯推测

hit9

2013-09-25 14:02:28 +08:00

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