针对移动设备制作的购物网站,产品图片的尺寸是多少?

2014-01-24 23:24:53 +08:00
 victor
正在制作一套响应式布局的网站。是一套普通的购物站。没错,我正在重复造轮子。

目前的需求是,上传图片可以生成不同版本尺寸的图片,针对不同的浏览器和设备返回不同的图片。

遇到的问题是,请问安卓,iOS,PC,平板各自应该采用多少像素的产品图片比较好呢?

希望得到 安卓:200px * 400px 这类的回答,先谢谢各位了。


源码地址:https://github.com/wjp2013/SmartShop

因为是 Rails4 写的代码,不知道是不是需要被转移到 Rails 节点下? 另外喜欢的同学,请给个好评。
2500 次点击
所在节点    问与答
3 条回复
aisin
2014-01-25 08:48:57 +08:00
你这个问法有问题,难道同一个产品图片,你还想在各平台使用不同的尺寸版本显示到页面?

在移动设备上,理论多大的图片都没问题,因为可以通过max width 100%来缩放。但为了节省用户流量,图片宽度可以在640及以下,高度自动
victor
2014-01-25 10:07:24 +08:00
@aisin 感谢已发送。目前是这么实现的,可以根据访问设备的不同,返回不同的尺寸的图片。昨天参考了一下移动淘宝的。打算照抄那边的尺寸。

正是为了节省用户流量,所以才要做一些缩略大小的版本。
DearMark
2014-01-25 10:12:47 +08:00
觉得怒抄淘宝,不会错

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

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

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

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

© 2021 V2EX