为什么前端切图大多用长方形图? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
MonoLogueChi
V2EX    问与答

为什么前端切图大多用长方形图?

  •  
  •   MonoLogueChi 2019 年 10 月 17 日 2259 次点击
    这是一个创建于 2296 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我见过的网站或者项目,前端切图的时候基本都是用长方形的图片,有没有人能解释一下为什么要拼成长方形的图片?

    从图片压缩的角度来说,越接近正方形的图片压缩效果越理想(这个我自己实验过的,16 张图排成 4*41*16 差别很大)。

    14 条回复    2019-10-18 09:05:26 +08:00
    siys
        1
    siys  
       2019 年 10 月 17 日   1
    因为只要长和宽差了一点点他就不是正方形
    MonoLogueChi
        2
    MonoLogueChi  
    OP
       2019 年 10 月 17 日 via Android
    @siys 不是差一点的那种,是整个一长条
    Leez088
        3
    Leez088  
       2019 年 10 月 17 日
    可能图标坐标容易取吧
    ShangAliyun
        4
    ShangAliyun  
       2019 年 10 月 17 日
    前端的更在乎黄金比例,不太在乎图片大小
    b821025551b
        5
    b821025551b  
       2019 年 10 月 17 日
    因为左右两张图,百分比长度可能会导致撕裂
    MonoLogueChi
        6
    MonoLogueChi  
    OP
       2019 年 10 月 17 日 via Android
    @Leez088 这个有可能,但是排列规整的话正方形坐标应该也不难取吧
    CallMeReznov
    &nbp;   7
    CallMeReznov  
       2019 年 10 月 17 日
    切长方形一行一行的只需要上下对齐
    切正方形太小就得一行拼,载入不完全时会错误,体验不好,而且麻烦
    所以,都是长条一行一行拼


    我原来最早学 Dreamweaver 和 Fireworks 的时候就要切长条的,也没说为什么。
    lamada
        8
    lamada  
       2019 年 10 月 17 日 via iPhone
    问的太宽泛了,另外也不差这点流量,内存占用也是一样的
    rykka
        9
    rykka  
       2019 年 10 月 17 日 via Android
    切图考虑的是图片本身,跟图像压缩无关
    需要优化图片下载有 Sprite 工具可用
    MonoLogueChi
        10
    MonoLogueChi  
    OP
       2019 年 10 月 17 日 via Android
    @rykka @lamada 我是做游戏的,对图片处理稍微有点强迫症,这种图片不是接近正方形,或者不是 4 的倍数都有点不能接受
    rykka
        11
    rykka  
       2019 年 10 月 17 日
    @MonoLogueChi 那做 sprite 动画的时候,也是需要 sprite 工具的吧,不可能切出来的每幅动画都是正方形
    ragnaroks
        12
    ragnaroks  
       2019 年 10 月 17 日
    前端应该是走的路多了吧,
    我以前用 unity 做游戏,很多工具也确实默认导出就是正方形,即使有很多留白.
    MonoLogueChi
        13
    MonoLogueChi  
    OP
       2019 年 10 月 17 日 via Android
    @rykka 对,是拿工具拼的
    lamada
        14
    lamada  
       2019 年 10 月 18 日 via iPhone
    @MonoLogueChi 那确实可以理解,但除开 webgl(影响也不大),强行切成正方形确实容易留白,这留白多的部分也是内存的浪费,pc 还好,移动端可能就比较在乎
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     993 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 21ms UTC 18:59 PVG 02:59 LAX 10:59 JFK 13:59
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86