给又拍云的一个建议

2012-08-27 10:57:24 +08:00
 Eyon
@mingxing

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

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

具体:

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

如果用户选择启用,则采用类似于你们缩略图的处理方式,给让图片可以访问 image_name@2x.jpg (png/jpeg etc)

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

优势:

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

1、@2x 就是原图片尺寸的 2x 版本,没有办法放大到指定尺寸,因为不同大小的图片尺寸本来就不同
2、我仔细思考了一下现实的使用情况,应该是需要给每种缩略图也增加 @2x 的功能。
3、Q 六5六贰九零1贰捌
mingxing
2012-08-27 12:47:25 +08:00
@Eyon OK,一会产品应该会加你QQ跟你了解下情况哈~
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
2012-08-27 17:57:37 +08:00
我不是客服!~
Eyon
2012-08-27 18:03:05 +08:00
@netputer 呃,没错

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

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

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

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

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

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

另外,我胆敢很肯定地说一句,那些2x的缩略图,统统是由原图缩下去的,绝不是由小缩略图放大上来的。只要有一小时以上的图片处理经验的人就会同意我的看法。楼主可以看到,最大的缩略图也没有超过原图的尺寸。
Eyon
2012-08-27 20:12:09 +08:00
@blacktulip 谢谢,经你一提醒发现确实没有原图的@2x版本,你最后的推断应该是正确的。已送上感谢币
jacobbubu
2013-06-16 16:28:10 +08:00
这篇文章给了一个很好地解决自动Retina图片rewrite的思路,又拍云可以参考。http://shauninman.com/tmp/retina/

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/46113

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX