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

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

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