时隔大多半年,图片压缩工具的坑给填上了 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
iyour
0.01D
V2EX    分享创造

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

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

    之前发帖做了一个浏览器端的图片压缩工具(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  
    PRO
       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     Solana     978 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 33ms UTC 22:29 PVG 06:29 LAX 15:29 JFK 18:29
    Do have faith in what you're doing.
    ubao 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