• 请不要在回答技术问题时复制粘贴 AI 生成的内容
picdiet
V2EX  ›  程序员

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

  •  6
     
  •   picdiet · May 23, 2018 · 24525 views
    This topic created in 2942 days ago, the information mentioned may be changed or developed.

    半年前自己开发了 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 插件,希望留下你的邮箱和建议吧

    Supplement 1  ·  May 23, 2018
    刚刚 Google 到了一位博主对几大图片压缩工具的评测,大家可以看看 https://tech.hxco.de/tiny-size/
    Supplement 2  ·  May 23, 2018
    顺便贴一下,这位台湾博主的评测: https://www.playpcesor.com/2017/10/picdiet-80.html
    202 replies    2019-09-04 17:19:00 +08:00
    1  2  3  
    tutustream
        101
    tutustream  
       May 23, 2018
    之前一直用 tinypng,支持 LZ
    azh7138m
        102
    azh7138m  
       May 23, 2018
    @bertonzh 一开始我还以为是 toDataURL 指定了一下质量呢,结果一看 js 怎么这么大的 23333333
    kisshere
        103
    kisshere  
       May 23, 2018
    话说,能同时支持 jpg 和 png 压缩的 js 还真没有
    bertonzh
        104
    bertonzh  
       May 23, 2018
    @azh7138m 我和你一样
    wolfie
        105
    wolfie  
       May 23, 2018
    牛逼
    有这需求,碰运气。
    [email protected]
    simpler
        106
    simpler  
       May 23, 2018
    我不相信有这么强大,我要测试一下 [email protected]
    pmispig
        107
    pmispig  
       May 23, 2018
    一个 js 你怎么收费。。。。
    codeMan5495
        108
    codeMan5495  
       May 23, 2018
    yy461530593
        109
    yy461530593  
       May 23, 2018
    [email protected] ,求测试
    phithon
        110
    phithon  
       May 23, 2018
    感觉可以支持一下 [email protected]
    realpg
        111
    realpg  
    PRO
       May 23, 2018
    [email protected]
    看起来不错的样子
    nynuchuxy
        112
    nynuchuxy  
       May 23, 2018
    USNaWen
        113
    USNaWen  
       May 23, 2018
    能看出有轻微锐化痕迹,不过颜色部分没有啥损失。
    fancyhan
        114
    fancyhan  
       May 23, 2018
    其实就是高有损压缩
    Mozshaw
        115
    Mozshaw  
       May 23, 2018
    [email protected] 支持一下
    qinxi
        116
    qinxi  
       May 23, 2018


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

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

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

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

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


    一般缩小到 30%左右
    CodeDrift
        145
    CodeDrift  
       May 23, 2018
    309871271#qq。com

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

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

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


    4k 图片压缩 81%...

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