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

发布于 2022-08-29 22:53:05 字数 587 浏览 24 评论 0

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

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

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

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

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

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

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

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

还有一个问题,例如 七牛 又拍 OSS等,上传图片过去,他们只保存处理后的图片还是保存原图,你可以以任何大小的形式调用?谢谢

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

夏夜暖风 2022-09-05 22:53:05

吃饭宝,您好:
据我所使用七牛云存储的经验,七牛是上传的原图片上传之后对图片是不做处理的。然后七牛在开发者使用的时候是提供了接口供用户使用的:图片处理

你可以对图片进行缩放、裁剪、旋转,这部分在高级图片处理里面。
对于图片的处理我的建议是按照比例缩放

一向肩并 2022-09-05 22:53:05

我的方案就是参考Windows 里面资源管理器里,关于展示图片的方法:生成缩略图。
因为一个目录下每张图片大小可能都会不一样,跟你遇到的问题是一样的。
资源管理器在预览图片时,就是生成缩略图:比较原图和标准缩略图的大小——比如把标准定位200×200,缩放以宽的那条边往200缩的比例为准。
如果想画面整齐好看,可以在每个缩略图外面套一个标准框200×200的1像素的灰色边框。
附加的问题:七牛,OSS等,没用过,不能回答。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文