V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
444683462
V2EX  ›  问与答

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

  •  
  •   444683462 · 2014-10-25 16:55:03 +08:00 · 2387 次点击
    这是一个创建于 3700 天前的主题,其中的信息可能已经有所发展或是发生改变。
    如 淘宝C端客户上传各种图片大小的宝贝。分辨率都不一样。
    这里的图片主要是商品的主图,主要展示图,不是商品详情页的图片。
    最后如何展示到一个效果,而且比较高清晰。

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

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

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

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

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

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

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

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

    云存储保留原图与处理后的多分拷贝
    virusdefender
        2
    virusdefender  
       2014-10-25 17:14:46 +08:00
    我只知道使用阿里云的oss 缩略图什么的都是实时生成的~
    dd99iii
        3
    dd99iii  
       2014-10-25 18:38:32 +08:00 via iPhone
    我有个想法随便一说,根据窄的那条边剪个圆形
    bilipan
        4
    bilipan  
       2014-10-25 18:42:42 +08:00
    @virusdefender 七牛的也是实时生成的,尺寸啥的可以随意定义,都会在链接上有体现。保留的是原图。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3154 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 04:41 · PVG 12:41 · LAX 20:41 · JFK 23:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.