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

请教下大家是怎么压缩静态图片资源的?

  •  
  •   hututu11 · 310 天前 · 1834 次点击
    这是一个创建于 310 天前的主题,其中的信息可能已经有所发展或是发生改变。

    经常开发运营活动,好多切图,压缩可以加快访问速度,

    看起来目前有这几种方式

    • TinyPNG (当前在使用,图片改来改去,手动导出再压缩有点繁琐)
    • 云对象存储配套的压缩(压缩一次好像收费?)

    看了一下好像让对象存储自己压缩最方便,请教各位大佬,是不是都是这么整的,或者还有其他更便捷的方式么

    17 条回复    2024-01-26 17:50:10 +08:00
    qian0nian
        1
    qian0nian  
       310 天前
    用 TinyPNG 的 api ,根据用途自己写代码调用
    wyhooo
        2
    wyhooo  
       310 天前
    蓝湖这种设计网站一般都能直接下载压缩后的。
    要么就写个脚本,每次手动跑一下批量压缩。
    linyongxin
        3
    linyongxin  
       310 天前
    之前是用对象存储的 webp 转换,小程序等瀑布流的速度提升很明显,据说收费很贵,小网站无所谓
    Tyaqing
        4
    Tyaqing  
       310 天前   ❤️ 1
    压缩好再存肯定最好了,如果是 Figma 推荐使用插件 ExportX ,导出的时候可以自动压缩,也支持 webp
    https://www.figma.com/community/plugin/1301958586584763919

    云存储的压缩每次是会收费,不过可以做持久化
    Leon406
        5
    Leon406  
       310 天前
    xnconvet 压缩后再上传 OSS
    sparkinglemon
        6
    sparkinglemon  
       310 天前   ❤️ 1
    tinypng, https://squoosh.app/ 这两个能应付绝大多数情况了
    potatowish
        7
    potatowish  
       310 天前 via iPhone
    免费的可以用 squoosh ,除了有网页版(squoosh.app),还提供了 @squoosh/lib 包,写个 node 脚本批量读取、压缩,减少繁琐的操作。
    hututu11
        8
    hututu11  
    OP
       310 天前
    @qian0nian 类似 webpack 打包来处理么?
    hututu11
        9
    hututu11  
    OP
       310 天前
    @wyhooo 公司用的 Figma ,脚本确实可行,可以尝试下
    hututu11
        10
    hututu11  
    OP
       310 天前
    xianqin
        11
    xianqin  
       310 天前
    这个能批量压缩 https://imagetool.app/
    Bear13023
        12
    Bear13023  
       310 天前
    https://github.com/microsoft/PowerToys

    微软这个工具集自带了压缩图片功能,直接右键 4K 或是 1080P 之类的

    可以自己试试。
    lxmfly123
        13
    lxmfly123  
       309 天前
    @Tyaqing 试了下,这个在 figma 上还挺方便,直接点一下就压缩导出了
    imqiyue
        14
    imqiyue  
       309 天前
    我工作上用蓝湖之类的直接压缩,个人 ppduck 和 tinypng ,视频直接怼 ffmpeg
    woodie1994
        15
    woodie1994  
       309 天前
    上传的时候压缩好后再上传到服务器,我用的 lrz.js
    jifengg
        16
    jifengg  
       307 天前
    几年前做过各种 png 离线压缩工具的测试,最后选定了一款 https://pngquant.org/

    页面有提供 GUI ,也可以用 CLI 自己做个脚本。用 CLI 的时候注意,他会覆盖源文件,所以最好复制出来一份进行处理。
    lynan
        17
    lynan  
       303 天前
    @jifengg cli 用 https://www.npmjs.com/package/imagemin 挺好,可以支持各种编解码器的 plugin
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2671 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 15:24 · PVG 23:24 · LAX 07:24 · JFK 10:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.