爱意满满的作品展示区。
iyour
0.01D

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

  •  
  •   iyour · May 23, 2022 · 4714 views
    This topic created in 1475 days ago, the information mentioned may be changed or developed.

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

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

    Supplement 1  ·  May 23, 2022

    附两张截图:

    截屏2022-05-23 10.23.36.jpg

    截屏2022-05-23 11.12.47.jpg

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