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

做了个浏览器端图片压缩工具,求反馈

  •  
  •   ZhangEng · 23 小时 32 分钟前 · 367 次点击

    初衷: 不想把私密图片上传到第三方服务器,但又需要压缩图片。

    实现:

    • 使用 Canvas API 在浏览器本地处理图片
    • 支持质量调整和格式转换( JPEG/PNG/WebP )
    • React 19 + Vite 构建,部署在 ESA Pages
    • 整个应用只有 70 KB (gzipped)

    链接:

    想请教 V 友:

    1. UI/UX 有什么可以改进的地方?
    2. 功能上还缺什么?(我在考虑加批量压缩)
    3. 有没有遇到 bug ?

    欢迎拍砖 🙏

    6 条回复    2026-01-14 15:48:21 +08:00
    JimmyG
        1
    JimmyG  
       23 小时 27 分钟前
    PNG 压缩 PNG 体积变大了
    JimmyG
        2
    JimmyG  
       23 小时 26 分钟前
    已节省空间

    NaN undefined

    原图
    1.26 MB
    Original
    压缩后
    --33%
    1.68 MB
    Compressed
    fancypanda
        3
    fancypanda  
       23 小时 18 分钟前
    我也做了,建议只输出 webp 和 jpg 格式,优先选择 webp 格式
    一般不太会有反向生成 png 的需求
    还可以研究下 avif 格式,不过这个格式过于先进,压缩时需要用到 wasm
    fancypanda
        4
    fancypanda  
       23 小时 15 分钟前
    另外还可以研究下 gif 动图转 webp 或 avif ,压缩比率惊人。我本来也想弄的,但是因为要对逻辑做较大修改,被 AI 劝退了
    moonrailgun
        5
    moonrailgun  
       23 小时 9 分钟前
    https://image.moonrailgun.com/

    我做的。AI 还是太顶了
    Vveeb
        6
    Vveeb  
       22 小时 47 分钟前
    https://github.com/GoogleChromeLabs/squoosh 看看这个呢
    图片压缩后,展示的压缩前和压缩后的都是缩略图,似乎放大对比效果
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   5757 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 06:36 · PVG 14:36 · LAX 22:36 · JFK 01:36
    ♥ Do have faith in what you're doing.