时隔大多半年,图片压缩工具的坑给填上了 - V2EX
爱意满满的作品展示区。
iyour
0.01D

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

  •  
  •   iyour May 23, 2022 4666 views
    This topic created in 1451 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     996 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 94ms UTC 22:26 PVG 06:26 LAX 15:26 JFK 18:26
    Do have faith in what you're doing.
    ubao msn 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