V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Recommended Services
Amazon Web Services
LeanCloud
New Relic
ClearDB
Eyon
V2EX  ›  云计算

给又拍云的一个建议

  •  
  •   Eyon · 2012-08-27 10:57:24 +08:00 · 3863 次点击
    这是一个创建于 4471 天前的主题,其中的信息可能已经有所发展或是发生改变。
    @mingxing

    之前我就给你们客服说过,也不知道她是没向技术部门传达清楚还是怎么的,一直没有一个令我满意的回复。

    我的建议是,加入对图片的 @2x 处理功能,以适应 Retina Macbook Pro 的屏幕。

    具体:

    新增一个图片选项:是否启用 Retina(@2x)功能

    如果用户选择启用,则采用类似于你们缩略图的处理方式,给让图片可以访问 [email protected] (png/jpeg etc)

    我想这个功能对于你们来说很简单。

    优势:

    1、满足需要将网站 Retina 化用户的需求
    2、更大的图片尺寸,让你们的用户可以消耗更多的流量,你们更赚钱
    3、体现出你们的技术实力。
    16 条回复    1970-01-01 08:00:00 +08:00
    qdvictory
        1
    qdvictory  
       2012-08-27 11:15:55 +08:00
    这个貌似用不同的尺寸就可以解决的啊,而且就算你传上去也不可能自动帮你识别retina,不还得你自己调用。
    举例:
    上传100×100的,建一个50×50的尺寸,over
    netputer
        2
    netputer  
       2012-08-27 11:17:42 +08:00
    可是本来就小的图强制放大成 @2x 也不清晰吧?
    mingxing
        3
    mingxing  
       2012-08-27 11:21:46 +08:00
    感谢你的建议,您的需求已经提交给产品部门,稍后会给你答复;另外,其实你提到的功能,也可以通过缩略图的缩放功能来实现,放大到你指定的尺寸即可~
    另外,你的联系方式是否方便留一个,邮箱或者即时沟通的工具,我们产品应该想跟你聊聊需求问题~
    mingxing
        4
    mingxing  
       2012-08-27 11:23:06 +08:00
    @netputer 是的,图片在放大过程中都会有这个问题存在,即时做成@2x 的同样会有这个问题~
    jerry
        5
    jerry  
       2012-08-27 11:31:57 +08:00
    @mingxing 可不可以增加https支持啊,这个才是最需要的
    Eyon
        6
    Eyon  
    OP
       2012-08-27 11:37:34 +08:00
    @qdvictory 是将小图转大图,不是把大图变小图。自动识别请看 retinajs.com


    @netputer @mingxing 2x 生成方面 http://www.cssigniter.com/ignite/retina-images-for-wordpress/ 这里有个wp插件就能做到(php程序生成),证明程序上是没问题的,清晰度也没有问题。
    Eyon
        7
    Eyon  
    OP
       2012-08-27 11:43:37 +08:00
    @mingxing

    1、@2x 就是原图片尺寸的 2x 版本,没有办法放大到指定尺寸,因为不同大小的图片尺寸本来就不同
    2、我仔细思考了一下现实的使用情况,应该是需要给每种缩略图也增加 @2x 的功能。
    3、Q 六5六贰九零1贰捌
    mingxing
        8
    mingxing  
       2012-08-27 12:47:25 +08:00
    @Eyon OK,一会产品应该会加你QQ跟你了解下情况哈~
    netputer
        9
    netputer  
       2012-08-27 13:56:40 +08:00
    @Eyon 我想你是理解错了,那个插件的原理是来自 https://github.com/Retina-Images/Retina-Images ,而其中的 Readme 已经写得很清楚了: A high-res version of the image exists.

    也就是说,这个插件是通过代码判断当前设备是否为 Retina Display ,是的话,通过 PHP 实现同一个图片地址加载 @2x 的图。
    zhouhanqin
        10
    zhouhanqin  
       2012-08-27 17:57:37 +08:00
    我不是客服!~
    Eyon
        11
    Eyon  
    OP
       2012-08-27 18:03:05 +08:00
    @netputer 呃,没错

    那个插件确实会在图片目录生成一份 @2x 的版本,你自己试下就知道了。

    你说的那个原理部分,是指自动识别设备,然后决定是否加载2x 版本,和上面的 retinajs 类似。
    Eyon
        12
    Eyon  
    OP
       2012-08-27 18:04:46 +08:00
    @zhouhanqin 我掌嘴了三次,对不起了
    zhouhanqin
        13
    zhouhanqin  
       2012-08-27 18:05:35 +08:00
    @Eyon我大人有大量,原谅你了!~哈哈哈
    blacktulip
        14
    blacktulip  
       2012-08-27 18:25:09 +08:00   ❤️ 1
    楼主对图片处理的一些概念理解有误,对那个wordpress插件也没整明白。

    首先要明白一点:原图包含了图片的最大信息,原图是无法在保留原有信息密度的前提下放大到哪怕101%的,更不要提楼主说的放大到2x(400%)。提供原图的2x完全没有意义,retina屏幕的系统自己就能把图片拉扯到2x。有一些算法是可以用插值“放大”原图,那只是欺骗眼睛的把戏。

    其次,楼主请仔细看那个wp插件的附图:

    http://cdn.cssigniter.com/ignite/wp-content/uploads/2012/06/x2images.jpg

    所有缩略图都做了2x处理,只有image.jpg,也就是原图,没有[email protected],为什么?因为无意义,原图是无法“无损”放大的。

    另外,我胆敢很肯定地说一句,那些2x的缩略图,统统是由原图缩下去的,绝不是由小缩略图放大上来的。只要有一小时以上的图片处理经验的人就会同意我的看法。楼主可以看到,最大的缩略图也没有超过原图的尺寸。
    Eyon
        15
    Eyon  
    OP
       2012-08-27 20:12:09 +08:00
    @blacktulip 谢谢,经你一提醒发现确实没有原图的@2x版本,你最后的推断应该是正确的。已送上感谢币
    jacobbubu
        16
    jacobbubu  
       2013-06-16 16:28:10 +08:00
    这篇文章给了一个很好地解决自动Retina图片rewrite的思路,又拍云可以参考。http://shauninman.com/tmp/retina/
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2757 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 10:05 · PVG 18:05 · LAX 02:05 · JFK 05:05
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.