MonoLogueChi
V2EX  ›  问与答

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

  •  
  •   MonoLogueChi · Oct 17, 2019 · 2862 views
    This topic created in 2577 days ago, the information mentioned may be changed or developed.

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

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

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


    我原来最早学 Dreamweaver 和 Fireworks 的时候就要切长条的,也没说为什么。
    lamada
    lamada
    Oct 17, 2019 via iPhone
    8
    问的太宽泛了,另外也不差这点流量,内存占用也是一样的
    rykka
    rykka
    Oct 17, 2019 via Android
    9
    切图考虑的是图片本身,跟图像压缩无关
    需要优化图片下载有 Sprite 工具可用
    MonoLogueChi
    MonoLogueChi
    OP
    Oct 17, 2019 via Android
    10
    @rykka @lamada 我是做游戏的,对图片处理稍微有点强迫症,这种图片不是接近正方形,或者不是 4 的倍数都有点不能接受
    rykka
    rykka
    Oct 17, 2019
    11
    @MonoLogueChi 那做 sprite 动画的时候,也是需要 sprite 工具的吧,不可能切出来的每幅动画都是正方形
    ragnaroks
    ragnaroks
    Oct 17, 2019
    12
    前端应该是走的路多了吧,
    我以前用 unity 做游戏,很多工具也确实默认导出就是正方形,即使有很多留白.
    MonoLogueChi
    MonoLogueChi
    OP
    Oct 17, 2019 via Android
    13
    @rykka 对,是拿工具拼的
    lamada
    lamada
    Oct 18, 2019 via iPhone
    14
    @MonoLogueChi 那确实可以理解,但除开 webgl(影响也不大),强行切成正方形确实容易留白,这留白多的部分也是内存的浪费,pc 还好,移动端可能就比较在乎
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1918 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 01:19 · PVG 09:19 · LAX 17:19 · JFK 20:19
    ♥ Do have faith in what you're doing.