设计师给的图片太大,可能会影响用户体验,有时候还在多个文件夹里,你们一般怎么处理? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
exicer
V2EX    程序员

设计师给的图片太大,可能会影响用户体验,有时候还在多个文件夹里,你们一般怎么处理?

  •  
  •   exicer 2023-08-05 10:56:00 +08:00 2226 次点击
    这是一个创建于 801 天前的主题,其中的信息可能已经有所发展或是发生改变。

    自己一个个压缩一下?还是沟通让设计重给尺寸小点的。

    12 条回复    2023-08-07 15:01:55 +08:00
    thinkershare
        1
    thinkershare  
       2023-08-05 11:24:44 +08:00   1
    让设计师在输出的时候按照实际需求,出不同分辨率,不同格式,如果是网页使用,一般用 webp ,这样会小很多。
    paradoxs
        2
    paradoxs  
       2023-08-05 11:29:59 +08:00
    下次要图片的时候,把份数和 px 列明。

    不然别人怎么知道你要什么图???
    yinmin
        3
    yinmin  
       2023-08-05 11:31:20 +08:00 via iPhone
    长宽同比例自己压缩,长宽不同比例退回设计师。
    XCFOX
        4
    XCFOX  
       2023-08-05 13:29:03 +08:00
    让设计师把图扔到 Figma 或者蓝湖 或者 MasterGO 或者即时设计 上,前端根据需要自主选择导出的格式和尺寸
    rs9G7IrdOdiNR3h1
        5
    rs9G7IrdOdiNR3h1  
       2023-08-05 13:29:10 +08:00   1
    imageOptim 文件夹丢进去就好
    debuggerx
        6
    debuggerx  
       2023-08-05 15:47:25 +08:00 via Android
    写个脚本批量压成 webp 不就完了
    jsq2627
        7
    jsq2627  
       2023-08-05 16:37:20 +08:00 via iPhone
    再做一遍无损压缩

    自动化方案可以用
    https://imgbot.net/
    Pandroid
        8
    Pandroid  
       2023-08-05 16:48:59 +08:00 via iPhone   2
    作为设计师,我认为为开发提供合适的切图或者图片素材是份内工作,而且设计师必须要懂得切图素材对于性能的影响。
    evan9527
        9
    evan9527  
       2023-08-05 22:36:34 +08:00
    我见过一个商城小程序的产品头图,直接上传单反拍的 4000w 像素 jpeg ,5 张头图 100 多 MB ,整站几十个产品几个 GB 的图片,这完全就是设计师能力问题/不负责任的表现。
    图片并不是越大越好,不同情况下要输出不同格式/分辨率的图片。
    langren1353
        10
    langren1353  
       2023-08-06 01:09:03 +08:00
    我个人觉得的话,如果你是前端,那么你才是知道这个网页需要多大(文件体积)的图片的,你本身就需要对你开发的内容负责,这个时候由自己来压缩反而是最好的,设计给的图片肯定不可能完全照搬

    ---
    不过我也赞同前面几位说的内容,让设计出图的时候,注意对应放在哪里,设计尽量出个小图也行,具体看怎么习惯怎么来了
    From313
        11
    From313  
       2023-08-06 08:14:59 +08:00
    @evan9527 你这个我觉得跟运营人员关系更大。无脑上大图。
    xmoer
        12
    xmoer  
       2023-08-07 15:01:55 +08:00
    最好让设计师出图的时候,就给适合的尺寸,网页设计师也应该要学习一下基本的优化。我反而反对二次压缩,因为特别大的图缩放之后,线条会被锐化,像描边了一样。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     953 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 19:35 PVG 03:35 LAX 12:35 JFK 15:35
    Do have faith in what you're doing.
    ubao 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