用户上传的图片大小不一,如何展示同一个规格?

2014-10-25 16:55:03 +08:00
 444683462
如 淘宝C端客户上传各种图片大小的宝贝。分辨率都不一样。
这里的图片主要是商品的主图,主要展示图,不是商品详情页的图片。
最后如何展示到一个效果,而且比较高清晰。

1.生成 生成缩略图,采用原图等比例缩放,但是因为上传大小不一的图片,最后呈现出来的缩略图也还是大小不一,看起来比较凌乱。XX

2.居中裁剪,用左上角剪裁; 这种方案都会有图片被剪掉,很不爽。XX

3.固定大小:肯定会变形,肯定不会用。XX

4.缩放填充是我目前用的一个方案,空白很多,但是因为说不清用户上传的图片大小规格,空白不一,呈现出来的还是比较凌乱。

so 有个方案就是指定用户上传多大的图片。但是我们客户比较小白,不是淘宝卖家。虽说这个方案可行,但不会强制上传一定大小的图片。我们仍然探究 用户上传的图片大小不一的情况下。如何处理。

想到一个办法:用户上传之后,调用类似头像剪辑,用户可以简单地框出商品本身。我限制这个框体的大小。然后再上传。 这样不会有空白,大小也一致。

求大家说一下有经验的处理办法,谢谢。

还有一个问题,例如 七牛 又拍 OSS等,上传图片过去,他们只保存处理后的图片还是保存原图,你可以以任何大小的形式调用?谢谢
2394 次点击
所在节点    问与答
4 条回复
ss098
2014-10-25 17:08:26 +08:00
目前常用的办法就是楼主所说的剪裁头像

云存储保留原图与处理后的多分拷贝
virusdefender
2014-10-25 17:14:46 +08:00
我只知道使用阿里云的oss 缩略图什么的都是实时生成的~
dd99iii
2014-10-25 18:38:32 +08:00
我有个想法随便一说,根据窄的那条边剪个圆形
bilipan
2014-10-25 18:42:42 +08:00
@virusdefender 七牛的也是实时生成的,尺寸啥的可以随意定义,都会在链接上有体现。保留的是原图。

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

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

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

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

© 2021 V2EX