xuzhe
V2EX  ›  macOS

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

  •  
  •   xuzhe · May 27, 2013 · 6696 views
    This topic created in 4909 days ago, the information mentioned may be changed or developed.
    先说说我为啥从 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/
    27 replies  •  1970-01-01 08:00:00 +08:00
    xuzhe
    xuzhe
    OP
    May 27, 2013
    1
    补充一下,我和本地 Lightroom 渲染的图片也做过对比,Chrome 是对的。因此并不是 Chrome 故意对图片做了锐化。而是 Safari 真的糊。
    paopaosa
    paopaosa
    May 27, 2013
    2
    没看出区别来..眼拙.
    xuzhe
    xuzhe
    OP
    May 27, 2013
    3
    @paopaosa 山顶白雪覆盖处的细节。
    Perry
    Perry
    May 27, 2013❤️1
    4
    但是Chrome对rgb渲染不太好唉。。(可能)
    http://hit9.org/img2txt/4.html

    xuzhe
    xuzhe
    OP
    May 27, 2013
    5
    @Perry 同样是 WebKit,怎么差距就那么大捏!感觉又快回到当年各家浏览器玩儿命推自家标准,整个 Web 大混乱的年代了。
    donotgo
    donotgo
    May 28, 2013
    6
    眼拙,看不出啥区别

    donotgo
    donotgo
    May 28, 2013
    7
    @Perry 为啥我的safari介于你的两张图之间哎

    donotgo
    donotgo
    May 28, 2013
    8
    @Perry 找了台装chrome的pc试了下,为啥怎么打开都是变形的。。。
    Perry
    Perry
    May 28, 2013 via iPhone
    9
    @donotgo 看来这个不好说了。。
    ziseyinzi
    ziseyinzi
    May 28, 2013 via Android
    10
    chrome的图片渲染没有限制,多大的图片都会玩命地渲染,导致渲染效果一流但是遇到超大图易卡死
    babymac
    babymac
    May 28, 2013❤️1
    11
    卤煮拍得一手好照片啊
    swulling
    swulling
    May 28, 2013
    12
    @Perry 你这个本来就不是图片吧。。拼起来的黑方块
    swulling
    swulling
    May 28, 2013
    13
    @donotgo @Perry那个不是图片,是黑方块的组合,所以和字体有关。

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

    这个和lz说的图片渲染根本就是两回事。。
    Perry
    Perry
    May 28, 2013
    14
    @swulling 恩,我还以为砖块的rgb颜色也和渲染有关系。。
    lightening
    lightening
    May 28, 2013
    15
    楼主把原图地址发出来给我们试试呗
    lanceli
    lanceli
    May 28, 2013
    16
    我好像悲剧了

    soultian
    soultian
    May 28, 2013 via iPad
    17
    楼上这也太离谱,色阶多少啊 256么
    xuzhe
    xuzhe
    OP
    May 29, 2013
    18
    @lightening 在 Flickr 中,往后翻两页就有原图了。在同一个相册中的 :)
    xuzhe
    xuzhe
    OP
    May 29, 2013
    19
    @babymac 过奖了,产量太低,拿得出手的不多。
    lightening
    lightening
    May 29, 2013
    20
    @xuzhe 这尼玛还真的不同啊,是不是jpeg解码器不同呢?
    xuzhe
    xuzhe
    OP
    May 29, 2013
    21
    @lightening 应该就是 Safari 在渲染时为了性能做出了妥协。降了精度,速度快了,不像这样放在一起对比也不太看得出来。

    我是干活儿的时候老搞“像素级精确”搞出的职业病……
    lightening
    lightening
    May 29, 2013
    22
    @xuzhe 像素级精确就别用jpeg了呗
    lenville
    lenville
    May 30, 2013 via Android
    23
    MildC
    MildC
    May 30, 2013
    24
    吐槽无力
    上面那个女人的图,你们看看HTML代码好不好?
    是用CSS一个像素一个像素画出来的啊
    xuzhe
    xuzhe
    OP
    May 30, 2013
    25
    @MildC 看过代码啊,的确和我说的不是一回事。

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

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

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

    以上纯推测
    hit9
    hit9
    Sep 25, 2013
    27
    丫,这不是我的那个img2txt么。。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5606 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 114ms · UTC 02:33 · PVG 10:33 · LAX 18:33 · JFK 21:33
    ♥ Do have faith in what you're doing.