V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
iyour
V2EX  ›  分享创造

时隔大多半年,图片压缩工具的坑给填上了

  •  
  •   iyour · 2022-05-23 10:14:24 +08:00 · 3837 次点击
    这是一个创建于 950 天前的主题,其中的信息可能已经有所发展或是发生改变。

    之前发帖做了一个浏览器端的图片压缩工具(https://v2ex.com/t/807207),当时有人留言说希望加一个批量的处理的功能,还有站长大大说关注一下 jpegxl 的新一代图片格式,这次把图片的压缩实现改为了 GoogleChromeLabs 的 Squoosh 可以支持 jxl ,还可以支持其他更多的图片格式转换,之前留下的坑终于算是都填完了。

    访问地址:https://www.photofun.cn/compress/

    第 1 条附言  ·  2022-05-23 11:15:21 +08:00

    附两张截图:

    截屏2022-05-23 10.23.36.jpg

    截屏2022-05-23 11.12.47.jpg

    25 条回复    2022-06-02 12:25:54 +08:00
    iyour
        2
    iyour  
    OP
       2022-05-23 10:45:47 +08:00
    @TigerJie 压缩速度和文件大小有关系,受电脑配置影响也会有不同
    iqoo
        3
    iqoo  
       2022-05-23 10:48:53 +08:00
    其实可以用 github action 压,提交后自动优化图片。
    iyour
        4
    iyour  
    OP
       2022-05-23 10:56:52 +08:00
    @iqoo 这个在线工具主要应对日常使用需求了,项目开发当然通过打包工具都可以处理了
    misaka19000
        5
    misaka19000  
       2022-05-23 10:59:28 +08:00
    不错,资瓷!
    misaka19000
        6
    misaka19000  
       2022-05-23 11:01:22 +08:00
    @TigerJie 你这个傻图片啊。。。我电脑打开浏览器都卡了。。。
    iyour
        7
    iyour  
    OP
       2022-05-23 11:31:42 +08:00
    @misaka19000 😄感谢资瓷!
    hzlzh
        8
    hzlzh  
       2022-05-23 11:46:10 +08:00
    🎉很棒很好用,能否优化下响应式布局,这样在 MenubarX.app 里打开就更完美了,随时拖图进去压缩了
    https://tva3.sinaimg.cn/large/644eac00gy1h2i6wrrrajj20p40l6afq.jpg
    iyour
        9
    iyour  
    OP
       2022-05-23 12:02:00 +08:00
    @hzlzh 用过 MenubarX 非常棒的,后面一定加上响应式布局,🤣让它在 MenubarX 里愉快的打开
    flyn
        10
    flyn  
       2022-05-23 12:31:56 +08:00
    请问「选择图片品质」后面括号里的「 PS 」指的是什么?
    iyour
        11
    iyour  
    OP
       2022-05-23 13:27:51 +08:00
    @flyn 其实就是百分比的意思了
    flyn
        12
    flyn  
       2022-05-23 15:00:21 +08:00
    @iyour 谢谢,我还以为是按照 Photoshop 的标准来压缩的。
    KouShuiYu
        13
    KouShuiYu  
       2022-05-23 15:46:55 +08:00
    体验很好
    TigerJie
        14
    TigerJie  
       2022-05-23 16:47:49 +08:00
    @misaka19000 分辨率 19200 * 12000
    dianso
        15
    dianso  
       2022-05-23 18:15:10 +08:00
    heic heif 可以支持吗
    iyour
        16
    iyour  
    OP
       2022-05-23 19:39:18 +08:00
    @dianso 后面可以考虑做支持
    kawei
        17
    kawei  
       2022-05-24 16:36:45 +08:00
    ![]( http://inews.gtimg.com/newsapp_ls/0/14936065740/0) 不是说 webp 是无损压缩吗? 为什么这么惨..
    iyour
        18
    iyour  
    OP
       2022-05-25 11:15:03 +08:00
    @kawei webp 选择了图像质量其实就是有损压缩,但是我测试的还没出现你截图的情况,可能是和不同电脑环境有关系( https://sm.ms/image/s7QIE3oPbDxrmJj
    mariaovo
        19
    mariaovo  
       2022-05-25 14:02:46 +08:00
    有个小疑问:GoogleChromeLabs 的 Squoosh 是交给浏览器来压缩的吗,采用 wasm 的方式吗?
    iyour
        20
    iyour  
    OP
       2022-05-25 15:44:01 +08:00
    @mariaovo 是的了,图片的解码编码都是 wasm 在浏览器 worker 里完成的
    feiffy
        21
    feiffy  
       2022-05-25 16:01:46 +08:00
    很好用,正好需要这样一个工具,保存到本地了
    mayli
        22
    mayli  
       2022-05-29 06:02:22 +08:00 via Android
    请问这个和 sqoosh 有什么区别
    iyour
        23
    iyour  
    OP
       2022-05-29 21:16:35 +08:00
    使用更加方便简化,另外就是支持批量压缩处理
    mariaovo
        24
    mariaovo  
       2022-06-01 16:15:05 +08:00
    @iyour 好奇是直接用了 squoosh 的 wasm 文件吗,还是自己重新实现了一遍之后编译出 wasm 完成的?(最近在看 wasm 相关的内容,觉得 Google 的这个项目和 OP 的这个项目很具有学习价值)
    iyour
        25
    iyour  
    OP
       2022-06-02 12:25:54 +08:00
    @mariaovo wasm 文件基本上都是用来处理图片编码解码,这部分是由其他开源库提供的,squoosh 主要是把这些不同图片格式需要的 wasm 做了一个整合,方便统一调用,squoosh 确实是一个学习 wasm 应用很好的项目。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2700 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 04:06 · PVG 12:06 · LAX 20:06 · JFK 23:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.