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

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

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

    半年前自己开发了 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  
    tutustream
        101
    tutustream  
       2018-05-23 14:14:27 +08:00
    之前一直用 tinypng,支持 LZ
    azh7138m
        102
    azh7138m  
       2018-05-23 14:17:23 +08:00
    @bertonzh 一开始我还以为是 toDataURL 指定了一下质量呢,结果一看 js 怎么这么大的 23333333
    kisshere
        103
    kisshere  
       2018-05-23 14:21:45 +08:00
    话说,能同时支持 jpg 和 png 压缩的 js 还真没有
    bertonzh
        104
    bertonzh  
       2018-05-23 14:25:04 +08:00
    @azh7138m 我和你一样
    wolfie
        105
    wolfie  
       2018-05-23 14:25:39 +08:00
    牛逼
    有这需求,碰运气。
    [email protected]
    simpler
        106
    simpler  
       2018-05-23 14:27:16 +08:00
    我不相信有这么强大,我要测试一下 [email protected]
    pmispig
        107
    pmispig  
       2018-05-23 14:31:38 +08:00
    一个 js 你怎么收费。。。。
    codeMan5495
        108
    codeMan5495  
       2018-05-23 14:34:11 +08:00
    yy461530593
        109
    yy461530593  
       2018-05-23 14:35:30 +08:00
    [email protected] ,求测试
    phithon
        110
    phithon  
       2018-05-23 14:38:08 +08:00
    感觉可以支持一下 [email protected]
    realpg
        111
    realpg  
       2018-05-23 14:40:26 +08:00
    [email protected]
    看起来不错的样子
    nynuchuxy
        112
    nynuchuxy  
       2018-05-23 14:40:56 +08:00
    USNaWen
        113
    USNaWen  
       2018-05-23 14:50:12 +08:00
    能看出有轻微锐化痕迹,不过颜色部分没有啥损失。
    fancyhan
        114
    fancyhan  
       2018-05-23 14:53:23 +08:00
    其实就是高有损压缩
    Mozshaw
        115
    Mozshaw  
       2018-05-23 14:57:02 +08:00
    [email protected] 支持一下
    qinxi
        116
    qinxi  
       2018-05-23 14:57:39 +08:00


    压缩耗时:10320 ms 原始文件大小: 2.63 MB 压缩后文件大小: 3.15 MB 压缩百分比:-20%
    ballshapesdsd
        117
    ballshapesdsd  
       2018-05-23 14:59:50 +08:00
    @qinxi #116 233333 -20%。。。
    cairnechen
        118
    cairnechen  
       2018-05-23 15:01:25 +08:00   ❤️ 2
    这广告硬的就像黄浦江-42℃的 jb 一样,峰哥不喜欢
    kennedy32
        119
    kennedy32  
       2018-05-23 15:09:41 +08:00
    支持下楼主,看到大家都留邮箱我也留一个 kennedy32#gmail.com
    benz1
        120
    benz1  
       2018-05-23 15:11:51 +08:00
    soho176
        121
    soho176  
       2018-05-23 15:46:50 +08:00
    腾讯智图试了一下不错
    Skhizein
        122
    Skhizein  
       2018-05-23 16:41:49 +08:00 via iPhone
    c2toaXplaW4wNzA2QGdtYWlsLmNvbQ== 充满好奇
    USNaWen
        123
    USNaWen  
       2018-05-23 16:43:56 +08:00
    @qinxi 你这个比较有灵性 233
    1762628386
        124
    1762628386  
       2018-05-23 17:00:14 +08:00
    .....不好收费吧 前端 js 直接复制过来都可以
    rabbbit
        125
    rabbbit  
       2018-05-23 17:01:19 +08:00

    搞不懂为什么图片压缩时,两个颜色交接都会有黑边.貌似 ps 也有这个问题
    Dv
        126
    Dv  
       2018-05-23 17:09:40 +08:00
    这么厉害的 js,不做个测试简直对不起开发大牛。[email protected]
    zixianlei
        127
    zixianlei  
       2018-05-23 17:25:35 +08:00 via Android
    跪求大佬,希望抽中我!网站全是图片…希望可以。[email protected]
    wzx187202822
        128
    wzx187202822  
       2018-05-23 17:32:39 +08:00
    刚好需要,求测试! [email protected]
    dejavuwind
        129
    dejavuwind  
       2018-05-23 17:34:34 +08:00 via Android
    [email protected] 我想到了 pied piper
    changlers
        130
    changlers  
       2018-05-23 17:41:41 +08:00
    同求,学习一下,[email protected]
    wclebb
        131
    wclebb  
       2018-05-23 17:47:06 +08:00
    作为设计师,有时候遇到要求压缩到体积内,所以偶尔会用熊猫压缩或楼主的。
    后来还是用楼主的,因为有时候用楼主的压缩挺方便的,本地压缩也总比上传到熊猫压缩服务器要快一些。
    只是有时候挺遗憾就是没有压缩 png 图。

    然后看到有人推荐 智图
    就下载了,折腾了一番一步步点下一步,发现失败又重新安装全选后……
    https://i.loli.net/2018/05/23/5b053875d0273.png

    我还是老老实实用浏览器来压吧。
    lodisy
        132
    lodisy  
       2018-05-23 18:18:31 +08:00 via Android
    和 imageoptimize 相比呢?
    lodisy
        133
    lodisy  
       2018-05-23 18:20:25 +08:00 via Android
    试用了很不错 [email protected]
    lycc
        134
    lycc  
       2018-05-23 18:24:29 +08:00 via Android
    支持😋 i#steam.cat
    zhjits
        135
    zhjits  
       2018-05-23 18:34:31 +08:00
    可是服务器的 80% 硬盘都拿来存 node_modules 了
    codermagefox
        136
    codermagefox  
       2018-05-23 18:38:29 +08:00
    @zhjits #135 我 JS 小红卫兵上去就是一砖
    yankebupt
        137
    yankebupt  
       2018-05-23 18:53:43 +08:00
    盗图网站专业反水印工具
    horizon
        138
    horizon  
       2018-05-23 18:54:40 +08:00
    正好在做图片上传的网站,求代码。horizon0514#gmail.com
    chuhemiao
        139
    chuhemiao  
       2018-05-23 18:59:44 +08:00
    int11
        140
    int11  
       2018-05-23 19:06:33 +08:00
    [email protected] 组成分母
    wingyiu
        141
    wingyiu  
       2018-05-23 19:09:33 +08:00
    oop99
        142
    oop99  
       2018-05-23 19:53:10 +08:00 via iPhone
    这么牛,试试看。[email protected]
    sampeng
        143
    sampeng  
       2018-05-23 19:56:03 +08:00
    点子很好,但收费就不美丽了。
    因为能出的起钱的,压根不差服务器。出不起钱的,可有可无这样的功能。。。
    xiangyuecn
        144
    xiangyuecn  
       2018-05-23 20:04:19 +08:00
    一听#15 350k 目测是压缩过的 js,瑟瑟发抖

    浏览器上传图片我用的 canvas 缩放自然小,批量的用自己写的调用 pngquant,网上测评和 TinyPNG 压缩效果接近


    一般缩小到 30%左右
    Anybfans
        145
    Anybfans  
       2018-05-23 20:11:49 +08:00
    309871271#qq。com

    试用了一下,感觉不错
    Miary
        146
    Miary  
       2018-05-23 20:13:29 +08:00 via Android
    会被误会挖矿么
    waacoo
        147
    waacoo  
       2018-05-23 20:22:07 +08:00 via iPhone
    开始以为楼主在描述魔迪算法,原来梦想是真的,能飞到这里来吗? [email protected]
    floopy
        148
    floopy  
       2018-05-23 20:24:42 +08:00 via iPhone
    tinypng 破解版长期用户表示也不错
    danbao
        149
    danbao  
       2018-05-23 20:28:22 +08:00
    赞,顺便求 [email protected]
    kookpua
        150
    kookpua  
       2018-05-23 20:34:45 +08:00 via iPhone
    [email protected] 前段时间项目也在折腾 发一个看看哦
    biidbiid
        151
    biidbiid  
       2018-05-23 20:36:52 +08:00 via Android
    @mars0prince +1,,魔笛手 Piedpiper😂
    mritd
        152
    mritd  
       2018-05-23 20:43:52 +08:00 via iPhone
    那个.....后端开发狗表示疑问....这东西正常不是经过服务器中转一下就到 cdn 了么?好像是否压缩没影响吧
    xjh22222228
        153
    xjh22222228  
       2018-05-23 20:52:48 +08:00
    试了一下,还不错。
    SingeeKing
        154
    SingeeKing  
       2018-05-23 21:02:53 +08:00
    求测试 [email protected]

    AND 建议可以考虑社区免费商业收费。不提供测试很难有人去买,一旦提供了一个 js 文件而已很容易就传出去了(即使不提供找到一个用了的人也能很容易得到)
    SingeeKing
        155
    SingeeKing  
       2018-05-23 21:05:49 +08:00
    https://www.picdiet.com/p.js

    难道是这个吗。。
    qiubaowei
        156
    qiubaowei  
       2018-05-23 21:23:35 +08:00
    感觉比之前用的强大多了 [email protected]
    colorfulberry
        157
    colorfulberry  
       2018-05-23 21:25:30 +08:00
    http://compressjpeg.com/ 有时间有些压缩用的这个
    cctv1005s927
        158
    cctv1005s927  
       2018-05-23 21:26:09 +08:00
    支持:cctv1005#gmail.com
    fiht
        159
    fiht  
       2018-05-23 21:31:26 +08:00
    @mritd 能减少服务器端的带宽压力
    fanzheng
        160
    fanzheng  
       2018-05-23 21:31:32 +08:00
    相对 webp 呢
    xqdoo00o
        161
    xqdoo00o  
       2018-05-23 21:57:13 +08:00
    TYchen
        162
    TYchen  
       2018-05-23 22:06:37 +08:00
    想测试下是否真的像博主说的这样 [email protected]
    huyinjie
        163
    huyinjie  
       2018-05-23 22:35:11 +08:00
    qwertyegg
        164
    qwertyegg  
       2018-05-23 23:04:53 +08:00
    我有一个疑问,从信息的角度上讲,jpg 和 png 已经分别(几乎)达到了有损和无损压缩的极限,现在用户几乎不会手里留 bmp 图片,那这个工具在什么场景下有用?
    lovestudykid
        165
    lovestudykid  
       2018-05-23 23:22:31 +08:00
    @USNaWen 这俩有显著差别啊,看字特别明显
    hiyouli
        166
    hiyouli  
       2018-05-23 23:43:24 +08:00
    友情支持。非常不错。
    shijingshijing
        167
    shijingshijing  
       2018-05-24 01:13:52 +08:00
    @qinxi 你是个人才。。。
    alocne
        168
    alocne  
       2018-05-24 01:21:04 +08:00
    厉害了
    求测试,碰运气。
    [email protected]
    FEDT
        169
    FEDT  
       2018-05-24 01:34:21 +08:00 via iPhone
    公司线上再跑的代码用了个开源的,想试试这个
    [email protected]
    qiayue
        170
    qiayue  
       2018-05-24 01:43:21 +08:00
    @qwertyegg 你随便扔一张图上去试试效果就知道了
    mskimi
        171
    mskimi  
       2018-05-24 08:01:18 +08:00
    试了一下效果很好,但是选高质量输出( 95%以上)经常会比原始的体积还大,不过 70-80%一般够用了,求测试:
    gohome#gmail.com
    poorcai
        172
    poorcai  
       2018-05-24 08:23:30 +08:00
    谢谢楼主。但是为什么有人说是国外的?![}L1HO0Y`HRI2[SA0@7N(18U.png]( https://i.loli.net/2018/05/24/5b0605eebad75.png)
    mydns
        173
    mydns  
       2018-05-24 08:33:22 +08:00
    666
    xinpure
        174
    xinpure  
       2018-05-24 09:01:07 +08:00 via iPhone
    [email protected] 支持一下
    MrYELiex
        175
    MrYELiex  
       2018-05-24 09:13:42 +08:00
    CDN 图片处理了解一下
    phoenixlzx
        176
    phoenixlzx  
       2018-05-24 09:16:33 +08:00


    4k 图片压缩 81%...

    请告诉我如何购买授权。
    460881773
        177
    460881773  
       2018-05-24 09:17:07 +08:00
    kokochen
        178
    kokochen  
       2018-05-24 09:25:24 +08:00
    支持一下,想试试~ [email protected]
    coolicer
        179
    coolicer  
       2018-05-24 09:31:57 +08:00
    fcten
        180
    fcten  
       2018-05-24 09:35:51 +08:00
    节省 80%的带宽是肯定没有的……因为上行带宽占比较小而相对不值钱,很多云服务的上行流量都是免费的。前端压缩主要节省了硬盘和 CPU 资源。
    感觉作为工具型应用非常不错。
    huixia0010
        181
    huixia0010  
       2018-05-24 09:38:12 +08:00
    [email protected] 万一中了呢,白花花的银子~
    KomeijiSatori
        182
    KomeijiSatori  
       2018-05-24 10:16:49 +08:00
    拉低一下中奖率 [email protected]
    topsy
        183
    topsy  
       2018-05-24 10:16:52 +08:00
    智能裁剪可自定义设定位置更优 [email protected]
    ioc
        184
    ioc  
       2018-05-24 10:42:02 +08:00 via Android
    有这样的需求,试试吧,[email protected]
    Atukey
        185
    Atukey  
       2018-05-24 10:54:05 +08:00
    正好有这样的需求
    [email protected]
    jyf
        186
    jyf  
       2018-05-24 11:08:27 +08:00
    @kisshere 现在有 emscripten 你如果需要的话 直接找 libjpeg 和 libpng 编译下就行
    orm
        187
    orm  
       2018-05-24 11:25:44 +08:00
    支持
    myzhao
        188
    myzhao  
       2018-05-24 13:59:34 +08:00
    赞,打开官网才发现很早之前就见过。base64: TXl6aGFvb0Bwcm90b25tYWlsLmNvbQ==
    USNaWen
        189
    USNaWen  
       2018-05-24 14:11:44 +08:00
    @lovestudykid 这是页面那个 demo 放大 400%的截图了,一般没人这么干
    jsjjdzg
        190
    jsjjdzg  
       2018-05-24 14:25:46 +08:00
    谢谢大佬
    [email protected]
    Qzier
        191
    Qzier  
       2018-05-24 14:54:59 +08:00 via iPhone
    标题是个病句
    wpo
        192
    wpo  
       2018-05-24 18:08:19 +08:00
    说明一下用 mozjpeg 比较好吧,我跑了一下按照同样比例压缩出来的字节就差几十。
    techzhou
        193
    techzhou  
       2018-05-24 18:12:35 +08:00
    支持一下 yzlkester#gmail.com
    xqdoo00o
        194
    xqdoo00o  
       2018-05-24 18:26:54 +08:00
    可以考虑 改成 wasm 版本的吗,效率应该会快。
    qfdk
        195
    qfdk  
       2018-05-24 19:53:23 +08:00 via iPhone
    来求一个 求中奖 qfdk2010 谷歌信箱
    touxigua
        196
    touxigua  
       2018-05-24 21:04:21 +08:00
    使用 win10 截图工具截图的小图片 75 压缩的( 80k 压到 60k )的时候感觉不是很完美。。应该增加识别功能 小图不压或者是轻微压
    IceBay
        197
    IceBay  
       2018-05-24 21:47:31 +08:00
    支持 icebay1998#gmail.com
    songjiaxin2008
        198
    songjiaxin2008  
       2018-05-24 22:03:07 +08:00
    想要 songjiaxin2008#gmail.com
    lrxiao
        199
    lrxiao  
       2018-05-25 03:47:40 +08:00
    好奇原理
    weegc
        200
    weegc  
       2018-05-25 11:13:14 +08:00
    [email protected] 想试用下
    1  2  3  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3668 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 04:24 · PVG 12:24 · LAX 20:24 · JFK 23:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.