V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
picdiet
V2EX  ›  程序员

这款 js 插件,是否可以完成节省服务器 80%的带宽和硬盘容量?

  •  6
     
  •   picdiet · 2018-05-23 08:31:23 +08:00 · 20706 次点击
    这是一个创建于 2136 天前的主题,其中的信息可能已经有所发展或是发生改变。

    半年前自己开发了 picdiet: https://www.picdiet.com/zh-cn 这款在线压缩图片的工具,前些天 Google 了一下“ picdiet ”,惊奇的发现好评很多,很多人都在推荐这款在线压缩工具,甚至大福利吧都在推荐,一位台湾的博主还亲自做了一款测试 picdiet 的视频和博客: https://www.youtube.com/watch?v=itUI7vra83U ,仔细想想,这么良心的一款产品,没有压缩尺寸、体积和数量的限制,完全免费,关键是压缩品质出奇的好,人们喜欢 picdiet 也是正常的,经过我实际大量的测试,picdiet 的压缩技术几乎可以秒掉市面上所有压缩软件,在保持视觉效果不变的情况下,平均可以压缩 80%的图片体积

    这些天我一直在想,把后端的所有图片处理任务为何不交给前端来完成,结合 picdiet 出色的压缩技术,在客户端统一完成缩放、裁剪、压缩再上传至服务器,节省了带宽和硬盘容量,也减轻了服务器 CPU 和内存的负荷,终于开发出了 picdiet.js 这款图片上传组件: https://widget.picdiet.com ,并同时为 picdiet.js 新增了 png 压缩技术,我称它为“下一代的图片上传组件”,为何?

    1. 客户端可自行设置最大宽度和最大高度由 js 进行缩放,
    2. 对于指定的尺寸,picdiet 能智能识别图片中最具视觉吸引力的部分然后裁剪缩放至指定尺寸
    3. 在一切缩放、裁剪完毕后,统一交给 picdiet 进行最后的终极压缩,以最合适的尺寸、体积、画质 ajax 上传至服务器

    而服务器要做的仅仅只是校验图片再保存图片,节省了宝贵的带宽和服务器的资源,仅仅只需要引入一个 picdiet.js 即可。 开发这款 js 插件确实不易,眼睛都熬出飞蚊症了,所以不准备免费提供给所有人了,但又需要他人测试,因此,我会在下面的 V 友回复中随机抽取一些 V 友邮件发送给他 picdiet.js 插件,希望留下你的邮箱和建议吧

    第 1 条附言  ·  2018-05-23 09:45:53 +08:00
    刚刚 Google 到了一位博主对几大图片压缩工具的评测,大家可以看看 https://tech.hxco.de/tiny-size/
    第 2 条附言  ·  2018-05-23 13:54:31 +08:00
    顺便贴一下,这位台湾博主的评测: https://www.playpcesor.com/2017/10/picdiet-80.html
    202 条回复    2019-09-04 17:19:00 +08:00
    1  2  3  
    Yourshell
        1
    Yourshell  
       2018-05-23 08:44:32 +08:00 via iPhone   ❤️ 1
    然后开公司发行虚拟币?
    alwayshere
        2
    alwayshere  
       2018-05-23 08:57:56 +08:00
    不错,很强大,[email protected] ,快点发给我吧:)
    alwayshere
        3
    alwayshere  
       2018-05-23 08:58:22 +08:00
    @Yourshell 话说,图片压缩和虚拟币有啥关系?
    Reign
        4
    Reign  
       2018-05-23 09:00:23 +08:00 via iPhone
    支持 留下邮箱 [email protected] 万一中了呢
    niuoh
        5
    niuoh  
       2018-05-23 09:02:59 +08:00
    [email protected] 也许能选中我呢
    kisshere
        6
    kisshere  
       2018-05-23 09:10:35 +08:00
    有点黑科技的感觉 [email protected] 万一中了呢
    whileFalse
        7
    whileFalse  
       2018-05-23 09:11:27 +08:00
    很好。不过我还是用 tinypng...
    以及楼主这个只能压 jpg ?
    To5tE
        8
    To5tE  
       2018-05-23 09:12:30 +08:00
    有 wordpress 插件吗
    A3m0n
        9
    A3m0n  
       2018-05-23 09:14:27 +08:00
    支持一下。
    Ym90OTYwNTI4QGdtYWlsLmNvbQ==
    picdiet
        10
    picdiet  
    OP
       2018-05-23 09:15:02 +08:00   ❤️ 1
    @whileFalse https://www.picdiet.com 目前只能支持压缩 jpg,后续会考虑植入 png 压缩,picdiet.js 支持压缩 jpg 和 png,经过我的实际测试(当然严谨来说可能以偏概全或者样本数量不够),picdiet.js 对 png 和 jpg 的压缩效果要好些
    whileFalse
        11
    whileFalse  
       2018-05-23 09:16:19 +08:00
    哦哦,仔细看了下文档,似乎是支持其他格式的,不过 mac+chrome 在首页的 demo 只能选择 jpg。
    另外就是应用场景是用户上传图片时先压缩再上传,和 tinypng 不一样。

    那我也抽一个。谢谢楼主。
    [email protected]
    picdiet
        12
    picdiet  
    OP
       2018-05-23 09:16:54 +08:00
    @To5tE 目前 picdiet.js 部署已经非常非常简单化了,用户可以自行配置呀
    To5tE
        13
    To5tE  
       2018-05-23 09:19:31 +08:00
    @picdiet 我用你们产品很久了 都一直在网页上操作
    To5tE
        14
    To5tE  
       2018-05-23 09:30:32 +08:00
    也求一个
    silencefent
        15
    silencefent  
       2018-05-23 09:30:58 +08:00
    请求一个 350KB 的 js 来节省可能的 50-80%空间
    得失要自己判断
    stanjia
        16
    stanjia  
       2018-05-23 09:33:38 +08:00
    高级图床?
    liwl
        17
    liwl  
       2018-05-23 09:39:30 +08:00
    高级图床?
    bullfrog
        18
    bullfrog  
       2018-05-23 09:41:55 +08:00
    然而服务器一般都不缺传入带宽
    whitepoppy
        19
    whitepoppy  
       2018-05-23 09:49:20 +08:00
    那我也抽一个。谢谢楼主。 试了一下很强大比之前用的好太多了 [email protected]
    Zzdex
        20
    Zzdex  
       2018-05-23 09:50:14 +08:00 via iPhone
    压缩后大了百分之 16......反向压缩?
    liuguangcuican
        21
    liuguangcuican  
       2018-05-23 09:51:46 +08:00
    支持一下,顺便留个邮箱 [email protected] :)
    randyzhao
        22
    randyzhao  
       2018-05-23 09:53:41 +08:00
    服务器上传流量倒是无所谓
    这样的应用倒是可以节约手机流量。。。

    给楼主点个赞
    KimJongun
        23
    KimJongun  
       2018-05-23 09:57:04 +08:00
    收费了呀,给我金酸胖一个面子。[email protected]
    lengxiao
        24
    lengxiao  
       2018-05-23 10:03:09 +08:00
    [email protected] 万一用到了呢
    wlwood
        25
    wlwood  
       2018-05-23 10:07:32 +08:00
    兹磁兹磁 [email protected]
    huiyifyj
        26
    huiyifyj  
       2018-05-23 10:14:01 +08:00 via Android
    支持,留下 [email protected]
    speedboy1211
        27
    speedboy1211  
       2018-05-23 10:14:33 +08:00
    点个赞
    misaka19000
        28
    misaka19000  
       2018-05-23 10:16:35 +08:00   ❤️ 4
    楼主可以成立一个叫做 Pied Piper 的公司😄
    janecc
        29
    janecc  
       2018-05-23 10:18:03 +08:00
    点个赞,留下 [email protected]
    Seanfuck
        30
    Seanfuck  
       2018-05-23 10:22:33 +08:00
    现在都不差带宽和硬盘了吧,都追求高清了,要是放 10 年前,绝对能大赚。
    andyliwrldk
        31
    andyliwrldk  
       2018-05-23 10:23:09 +08:00
    @Reign 中了什么?
    nine
        32
    nine  
       2018-05-23 10:24:19 +08:00
    666
    kisshere
        33
    kisshere  
       2018-05-23 10:24:58 +08:00
    @Seanfuck 就国内服务器这死贵死贵的带宽和石头硬盘。。。记得几年前优酷老总不是还抱怨中国的带宽价格太贵吗? http://gd.qq.com/a/20111118/000097.htm
    code4life
        34
    code4life  
       2018-05-23 10:29:14 +08:00
    code4life @foxmail.com
    好工具,支持一下

    建议也能适当减小一下库的体积
    wslsq
        35
    wslsq  
       2018-05-23 10:29:25 +08:00
    大佬求一个,很需要前端压缩。。[email protected]
    Liudong1999
        36
    Liudong1999  
       2018-05-23 10:29:38 +08:00
    为啥有时候会出现压缩后体积更大的情况...图片格式为 jpg
    http://chuantu.biz/t6/317/1527042563x-1404758407.jpg
    Reign
        37
    Reign  
       2018-05-23 10:35:13 +08:00
    @Liudong1999 就用默认的 75%品质就 OK 了
    LeungJZ
        38
    LeungJZ  
       2018-05-23 10:37:48 +08:00
    压缩耗时:1897 ms 原始文件大小: 212.23 KB 压缩后文件大小: 218.58 KB 压缩百分比:-3%

    尴尬。。。

    [email protected]

    谢谢,门户类的,非常需要这种好玩意。
    bfzahuarmmgg
        39
    bfzahuarmmgg  
       2018-05-23 10:38:13 +08:00
    和腾讯的智图比如何?
    x537196
        40
    x537196  
       2018-05-23 10:41:59 +08:00
    很 NB 啊,希望能来一个测试 admin#namerror.com ( #->@)
    mikuazusa
        41
    mikuazusa  
       2018-05-23 10:48:59 +08:00
    体验了一下,效果很棒,页面设计加上拖曳上传支持吧,交互更友好。
    留个邮箱: [email protected]
    defunct9
        42
    defunct9  
       2018-05-23 10:50:15 +08:00
    点赞
    anjiannian
        43
    anjiannian  
       2018-05-23 10:53:44 +08:00
    chad#selftalk.me 抽一个
    rizon
        44
    rizon  
       2018-05-23 10:53:51 +08:00
    打开网站一看,这熟悉的界面,我用过啊,以前做在线图片压缩工具的对比的时候就看过这个。
    开发了这个插件很不错啊,调用方式也很方便。对一些公司应该很有帮助。
    不过肯定也有很多公司会有存储压缩裁剪之前的图片资源的需求的。大数据时代这些都是宝贵的材料啊。
    emmmm ~ 总之,是个好东西,很有价值,抽一个咯 mailto:[email protected]
    yangheng4922
        45
    yangheng4922  
       2018-05-23 10:55:11 +08:00
    [email protected]
    万一选到我了呢
    Creabine
        46
    Creabine  
       2018-05-23 10:56:24 +08:00
    赶紧申请专利,搞个 new internet
    sheldoner
        47
    sheldoner  
       2018-05-23 10:56:26 +08:00
    支持 留下邮箱 [email protected] 万一中了呢
    skwfar
        48
    skwfar  
       2018-05-23 11:12:14 +08:00
    支持一下 skwfar#gmail.com
    gwxdnm1q2
        49
    gwxdnm1q2  
       2018-05-23 11:13:26 +08:00
    也就是一个图床?
    mout
        50
    mout  
       2018-05-23 11:15:34 +08:00
    有点厉害!!!最近也在搞前端图像处理相关的,被算法搞死了……
    mout
        51
    mout  
       2018-05-23 11:16:51 +08:00
    哈哈哈,忘了留邮箱= =|| [email protected]
    oska117
        52
    oska117  
       2018-05-23 11:24:09 +08:00 via Android
    平均省 80%,那就太厉害了。909562928#qq
    To5tE
        53
    To5tE  
       2018-05-23 11:25:46 +08:00
    @picdiet 没技术 改不来 求方法
    openmynet
        54
    openmynet  
       2018-05-23 11:26:57 +08:00
    ktonline
        55
    ktonline  
       2018-05-23 11:28:06 +08:00
    nosay
        56
    nosay  
       2018-05-23 11:31:12 +08:00 via iPhone
    174323925#qq.com 继续做分母
    yao978318542
        57
    yao978318542  
       2018-05-23 11:33:57 +08:00
    我司是做全景的 基本上每张图片都是 100M 左右 你能确定压缩过后没有差异? (其实我就是想试试你这个插件! [email protected] 多谢大佬:)
    Antidictator
        58
    Antidictator  
       2018-05-23 11:34:59 +08:00
    @Yourshell #1 ppi 可以的。

    @picdiet #12 参加活动:bWFpbHRvOjEwMTg5MTUwNjZAcXEuY29t
    fuchaofather
        59
    fuchaofather  
       2018-05-23 11:35:11 +08:00
    @silencefent 这位大佬说的很中肯, 不过淘宝京东这种应该会蛮实用的. 顶一下大佬, 开发这个很牛逼, 万一中了呢.
    mxm145
        60
    mxm145  
       2018-05-23 11:37:39 +08:00
    Corbusier
        61
    Corbusier  
       2018-05-23 11:37:45 +08:00
    fengtalk
        62
    fengtalk  
       2018-05-23 11:39:16 +08:00
    看看能省压缩多少。achisky#gmail.com
    Ellison
        63
    Ellison  
       2018-05-23 11:44:08 +08:00
    mellcx#gmail.com
    朋友做图站的,万一中了呢
    fy
        64
    fy  
       2018-05-23 11:52:55 +08:00
    资瓷一下,我觉得这个想法很棒。

    有人提到体积的问题,我认为 200kb 还能承受,而且可以按需加载啊!

    毕竟看图的肯定比传图的场景多,难道不是吗?

    fy0748#gmail.com
    BlossomPlus
        65
    BlossomPlus  
       2018-05-23 11:53:34 +08:00
    [email protected]
    感觉今后的项目能用得上这个,也希望能学习一下
    dbsg
        66
    dbsg  
       2018-05-23 12:12:46 +08:00
    [email protected]
    一直在用楼主的压缩工具,希望能做内侧用户
    KunsLand
        67
    KunsLand  
       2018-05-23 12:20:48 +08:00 via Android
    学习楼主经验。真干实事的人。支持收费。
    wdv2ly
        68
    wdv2ly  
       2018-05-23 12:28:38 +08:00
    2333,随手 google 了下,前 3 页除了官网没有 1 个相关的英文网站,然而各中文搜索结果标题统一都是“老外开发”、“ 80%压缩”的字样
    [doge]
    luoway
        69
    luoway  
       2018-05-23 12:30:31 +08:00   ❤️ 1
    https://tinypng.com/
    了解下,不仅仅支持 jpg 压缩,压缩率更高。
    zirconium
        70
    zirconium  
       2018-05-23 12:30:57 +08:00 via iPhone
    FaiChou
        71
    FaiChou  
       2018-05-23 12:31:40 +08:00
    lcubed
        72
    lcubed  
       2018-05-23 12:33:37 +08:00
    支持,希望能中
    tempdban
        73
    tempdban  
       2018-05-23 12:39:22 +08:00 via Android
    [email protected]
    我是学通信的,对图像处理很感兴趣
    fishcat
        74
    fishcat  
       2018-05-23 12:40:27 +08:00
    我也来充当分母了,感谢楼主 [email protected]
    hackxing
        75
    hackxing  
       2018-05-23 12:48:06 +08:00
    wbrobot
        76
    wbrobot  
       2018-05-23 12:48:15 +08:00
    先赞一下, 问问是否支持移动浏览器?

    另外, js 怎么授权收费? js 代码所见即所得啊, 我看楼主也不是专业前端, 不如开源出来, 让前端同学支持把拖拽什么的完善一下, 让后端同学把 php, python, java, node 等服务器端接收图片的代码写点 demo 出来, 楼主专心开发压缩算法就行了, 大家做出个开源解决方案比较好吧

    一点个人建议
    veau
        77
    veau  
       2018-05-23 12:53:54 +08:00
    [email protected]

    一会在用这个~~~
    MadbookPro
        78
    MadbookPro  
       2018-05-23 12:59:10 +08:00
    好像硅谷第一季的剧情
    [email protected]
    顺便求个插件
    x1184
        79
    x1184  
       2018-05-23 12:59:30 +08:00 via Android
    [email protected] 楼主谢谢了
    kaifazhe
        80
    kaifazhe  
       2018-05-23 13:13:55 +08:00
    siknet
        81
    siknet  
       2018-05-23 13:19:11 +08:00
    增加个分母 siknet#qq.com
    paloalto
        82
    paloalto  
       2018-05-23 13:25:39 +08:00
    hack21
        83
    hack21  
       2018-05-23 13:30:56 +08:00 via iPhone
    [email protected] 感谢楼主~
    AlwaysBee
        84
    AlwaysBee  
       2018-05-23 13:39:10 +08:00
    来,做个分母,我可以试试开发一个 WP 插件
    yalwaysbee$gmail.com
    neighbads
        85
    neighbads  
       2018-05-23 13:42:43 +08:00
    看测评确实不错。。。。

    neighbads#gmail.com
    royzxq
        86
    royzxq  
       2018-05-23 13:43:43 +08:00
    做个分母 dearestdyw#gmail.com
    mars0prince
        87
    mars0prince  
       2018-05-23 13:45:51 +08:00
    让我想起了电视剧硅谷
    echopan
        88
    echopan  
       2018-05-23 13:46:35 +08:00
    angelfreedomv#gmail.com 想要
    gclm
        89
    gclm  
       2018-05-23 13:47:35 +08:00 via Android
    刚好最近有这样得需要,求一个 [email protected]
    SourceMan
        90
    SourceMan  
       2018-05-23 13:48:44 +08:00   ❤️ 2
    送东西的时候,大家倒不关心隐私不隐私的问题了
    crx05
        91
    crx05  
       2018-05-23 13:48:58 +08:00
    [email protected] 期待收到楼主邮件
    PHPJit
        92
    PHPJit  
       2018-05-23 13:50:53 +08:00
    同求啊
    aUBpend3LmNu
    superdong
        93
    superdong  
       2018-05-23 13:51:14 +08:00
    发现我在 psd 中以 JPEG 格式压缩后的图片,跑到楼主的工具一试,反而更大了。
    这个是什么鬼呢?
    BigDipper7
        94
    BigDipper7  
       2018-05-23 13:52:19 +08:00
    卧槽 很强大,惊艳了。。。 求分享 violiniselegant#gmail.com ,谢谢 lz
    hing
        95
    hing  
       2018-05-23 13:56:47 +08:00
    楼主是没看过每句硅谷啊
    mfife
        96
    mfife  
       2018-05-23 14:04:26 +08:00
    正好有这样的需求,求中...xf_life#yeah.net
    lynth
        97
    lynth  
       2018-05-23 14:05:55 +08:00
    支持一下 iamyazlee#gmail.com
    bertonzh
        98
    bertonzh  
       2018-05-23 14:09:48 +08:00
    用 Emscripten 把 MozJPEG 转成 JS, 就是自己开发的纯 JavaScript 压缩工具。
    嗯,这个点子很棒。

    另外,很多云存储是支持图片压缩的,比如阿里云 oss. https://help.aliyun.com/document_detail/44705.html?spm=a2c4g.11186623.6.993.RLDBqd
    lovedebug
        99
    lovedebug  
       2018-05-23 14:11:16 +08:00
    赞,顺便求 [email protected]
    liujunsheng
        100
    liujunsheng  
       2018-05-23 14:13:49 +08:00
    base64:YUBsaXVqdW5zaGVuZy5jb20=
    拉低中奖率
    1  2  3  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   953 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 20:37 · PVG 04:37 · LAX 13:37 · JFK 16:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.