用户上传的图片大小不一,如何展示同一个规格?
如 淘宝C端客户上传各种图片大小的宝贝。分辨率都不一样。
这里的图片主要是商品的主图,主要展示图,不是商品详情页的图片。
最后如何展示到一个效果,而且比较高清晰。
1.生成 生成缩略图,采用原图等比例缩放,但是因为上传大小不一的图片,最后呈现出来的缩略图也还是大小不一,看起来比较凌乱。XX
2.居中裁剪,用左上角剪裁; 这种方案都会有图片被剪掉,很不爽。XX
3.固定大小:肯定会变形,肯定不会用。XX
4.缩放填充是我目前用的一个方案,空白很多,但是因为说不清用户上传的图片大小规格,空白不一,呈现出来的还是比较凌乱。
so 有个方案就是指定用户上传多大的图片。但是我们客户比较小白,不是淘宝卖家。虽说这个方案可行,但不会强制上传一定大小的图片。我们仍然探究 用户上传的图片大小不一的情况下。如何处理。
想到一个办法:用户上传之后,调用类似头像剪辑,用户可以简单地框出商品本身。我限制这个框体的大小。然后再上传。 这样不会有空白,大小也一致。
求大家说一下有经验的处理办法,谢谢。
还有一个问题,例如 七牛 又拍 OSS等,上传图片过去,他们只保存处理后的图片还是保存原图,你可以以任何大小的形式调用?谢谢
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
吃饭宝,您好:
据我所使用七牛云存储的经验,七牛是上传的原图片上传之后对图片是不做处理的。然后七牛在开发者使用的时候是提供了接口供用户使用的:图片处理
你可以对图片进行缩放、裁剪、旋转,这部分在高级图片处理里面。
对于图片的处理我的建议是按照比例缩放
我的方案就是参考Windows 里面资源管理器里,关于展示图片的方法:生成缩略图。
因为一个目录下每张图片大小可能都会不一样,跟你遇到的问题是一样的。
资源管理器在预览图片时,就是生成缩略图:比较原图和标准缩略图的大小——比如把标准定位200×200,缩放以宽的那条边往200缩的比例为准。
如果想画面整齐好看,可以在每个缩略图外面套一个标准框200×200的1像素的灰色边框。
附加的问题:七牛,OSS等,没用过,不能回答。