这款 js 插件,是否可以完成节省服务器 80%的带宽和硬盘容量? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
picdiet
V2EX    程序员

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

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

    半年前自己开发了 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]
    fengyj
        26
    fengyj  
       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
    ethusdt
        71
    ethusdt  
       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
    Hansah
        81
    Hansah  
       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     Solana     2663 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 02:26 PVG 10:26 LAX 19:26 JFK 22:26
    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