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

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

  •  6
     
  •   picdiet · May 23, 2018 · 25991 views
    This topic created in 3097 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
    tutustream
    May 23, 2018
    101
    之前一直用 tinypng,支持 LZ
    azh7138m
    azh7138m
    May 23, 2018
    102
    @bertonzh 一开始我还以为是 toDataURL 指定了一下质量呢,结果一看 js 怎么这么大的 23333333
    kisshere
    kisshere
    May 23, 2018
    103
    话说,能同时支持 jpg 和 png 压缩的 js 还真没有
    bertonzh
    bertonzh
    May 23, 2018
    104
    @azh7138m 我和你一样
    wolfie
    wolfie
    May 23, 2018
    105
    牛逼
    有这需求,碰运气。
    [email protected]
    simpler
    simpler
    May 23, 2018
    106
    我不相信有这么强大,我要测试一下 [email protected] ,
    pmispig
    pmispig
    May 23, 2018
    107
    一个 js 你怎么收费。。。。
    codeMan5495
    codeMan5495
    May 23, 2018
    108
    yy461530593
    yy461530593
    May 23, 2018
    109
    [email protected] ,求测试
    phithon
    phithon
    May 23, 2018
    110
    感觉可以支持一下 [email protected]
    realpg
    realpg
    May 23, 2018
    111
    [email protected]
    看起来不错的样子
    nynuchuxy
    nynuchuxy
    May 23, 2018
    112
    USNaWen
    USNaWen
    May 23, 2018
    113
    能看出有轻微锐化痕迹,不过颜色部分没有啥损失。
    fancyhan
    fancyhan
    May 23, 2018
    114
    其实就是高有损压缩
    Mozshaw
    Mozshaw
    May 23, 2018
    115
    [email protected] 支持一下
    qinxi
    qinxi
    May 23, 2018
    116


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

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

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

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

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


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

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

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

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


    4k 图片压缩 81%...

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