用户上传的图片大小不一,如何展示同一个规格?
程序员文章站
2022-06-11 16:34:29
...
如 淘宝C端客户上传各种图片大小的宝贝。分辨率都不一样。
这里的图片主要是商品的主图,主要展示图,不是商品详情页的图片。
最后如何展示到一个效果,而且比较高清晰。
1.生成 生成缩略图,采用原图等比例缩放,但是因为上传大小不一的图片,最后呈现出来的缩略图也还是大小不一,看起来比较凌乱。XX
2.居中裁剪,用左上角剪裁; 这种方案都会有图片被剪掉,很不爽。XX
3.固定大小:肯定会变形,肯定不会用。XX
4.缩放填充是我目前用的一个方案,空白很多,但是因为说不清用户上传的图片大小规格,空白不一,呈现出来的还是比较凌乱。
so 有个方案就是指定用户上传多大的图片。但是我们客户比较小白,不是淘宝卖家。虽说这个方案可行,但不会强制上传一定大小的图片。我们仍然探究 用户上传的图片大小不一的情况下。如何处理。
想到一个办法:用户上传之后,调用类似头像剪辑,用户可以简单地框出商品本身。我限制这个框体的大小。然后再上传。 这样不会有空白,大小也一致。
求大家说一下有经验的处理办法,谢谢。
还有一个问题,例如 七牛 又拍 OSS等,上传图片过去,他们只保存处理后的图片还是保存原图,你可以以任何大小的形式调用?谢谢
这里的图片主要是商品的主图,主要展示图,不是商品详情页的图片。
最后如何展示到一个效果,而且比较高清晰。
1.生成 生成缩略图,采用原图等比例缩放,但是因为上传大小不一的图片,最后呈现出来的缩略图也还是大小不一,看起来比较凌乱。XX
2.居中裁剪,用左上角剪裁; 这种方案都会有图片被剪掉,很不爽。XX
3.固定大小:肯定会变形,肯定不会用。XX
4.缩放填充是我目前用的一个方案,空白很多,但是因为说不清用户上传的图片大小规格,空白不一,呈现出来的还是比较凌乱。
so 有个方案就是指定用户上传多大的图片。但是我们客户比较小白,不是淘宝卖家。虽说这个方案可行,但不会强制上传一定大小的图片。我们仍然探究 用户上传的图片大小不一的情况下。如何处理。
想到一个办法:用户上传之后,调用类似头像剪辑,用户可以简单地框出商品本身。我限制这个框体的大小。然后再上传。 这样不会有空白,大小也一致。
求大家说一下有经验的处理办法,谢谢。
还有一个问题,例如 七牛 又拍 OSS等,上传图片过去,他们只保存处理后的图片还是保存原图,你可以以任何大小的形式调用?谢谢
回复讨论(解决方案)
1.生成 生成缩略图
这种不就可以吗
1.生成缩略图,即生成多套图片
2.最好从上传源限制,淘宝也是这样 建议1:1的比例 展示效果不好则用户自己负责
保存的是多套图片