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

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

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

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

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

    第 1 条附言  ·  39 天前

    附两张截图:

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