半年前自己开发了 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 压缩技术,我称它为“下一代的图片上传组件”,为何?
而服务器要做的仅仅只是校验图片再保存图片,节省了宝贵的带宽和服务器的资源,仅仅只需要引入一个 picdiet.js 即可。 开发这款 js 插件确实不易,眼睛都熬出飞蚊症了,所以不准备免费提供给所有人了,但又需要他人测试,因此,我会在下面的 V 友回复中随机抽取一些 V 友邮件发送给他 picdiet.js 插件,希望留下你的邮箱和建议吧
     101 
                    
                    tutustream      2018-05-23 14:14:27 +08:00 
                    
                    之前一直用 tinypng,支持 LZ 
                 | 
            
     102 
                    
                    azh7138m      2018-05-23 14:17:23 +08:00 
                    
                    @bertonzh 一开始我还以为是 toDataURL 指定了一下质量呢,结果一看 js 怎么这么大的 23333333 
                 | 
            
     103 
                    
                    kisshere      2018-05-23 14:21:45 +08:00 
                    
                    话说,能同时支持 jpg 和 png 压缩的 js 还真没有 
                 | 
            
     105 
                    
                    wolfie      2018-05-23 14:25:39 +08:00 
                    
                    
                 | 
            
     106 
                    
                    simpler      2018-05-23 14:27:16 +08:00 
                    
                    我不相信有这么强大,我要测试一下 [email protected] , 
                 | 
            
     107 
                    
                    pmispig      2018-05-23 14:31:38 +08:00 
                    
                    一个 js 你怎么收费。。。。 
                 | 
            
     108 
                    
                    codeMan5495      2018-05-23 14:34:11 +08:00 
                    
                    
                 | 
            
     109 
                    
                    yy461530593      2018-05-23 14:35:30 +08:00 
                    
                    [email protected] ,求测试 
                 | 
            
     110 
                    
                    phithon      2018-05-23 14:38:08 +08:00 
                    
                    感觉可以支持一下 [email protected] 
                 | 
            
     111 
                    
                    realpg   PRO [email protected] 
                看起来不错的样子  | 
            
     112 
                    
                    nynuchuxy      2018-05-23 14:40:56 +08:00 
                    
                    
                 | 
            
     113 
                    
                    USNaWen      2018-05-23 14:50:12 +08:00 
                    
                    能看出有轻微锐化痕迹,不过颜色部分没有啥损失。 
                   | 
            
     114 
                    
                    fancyhan      2018-05-23 14:53:23 +08:00 
                    
                    其实就是高有损压缩 
                 | 
            
     115 
                    
                    Mozshaw      2018-05-23 14:57:02 +08:00 
                    
                    [email protected] 支持一下 
                 | 
            
     116 
                    
                    qinxi      2018-05-23 14:57:39 +08:00 
                    
                    
                 | 
            
     117 
                    
                    ballshapesdsd      2018-05-23 14:59:50 +08:00 
                    
                    @qinxi #116 233333 -20%。。。 
                 | 
            
     118 
                    
                    cairnechen      2018-05-23 15:01:25 +08:00    这广告硬的就像黄浦江-42℃的 jb 一样,峰哥不喜欢 
                 | 
            
     120 
                    
                    benz1      2018-05-23 15:11:51 +08:00 
                    
                    
                 | 
            
     121 
                    
                    soho176      2018-05-23 15:46:50 +08:00 
                    
                    腾讯智图试了一下不错 
                 | 
            
     122 
                    
                    Skhizein      2018-05-23 16:41:49 +08:00 via iPhone 
                    
                    c2toaXplaW4wNzA2QGdtYWlsLmNvbQ==  充满好奇 
                 | 
            
     124 
                    
                    1762628386      2018-05-23 17:00:14 +08:00 
                    
                    .....不好收费吧  前端 js 直接复制过来都可以 
                 | 
            
     125 
                    
                    rabbbit      2018-05-23 17:01:19 +08:00 
                    
                    
                 | 
            
     126 
                    
                    Dv      2018-05-23 17:09:40 +08:00 
                    
                    这么厉害的 js,不做个测试简直对不起开发大牛。[email protected] 
                 | 
            
     127 
                    
                    zixianlei      2018-05-23 17:25:35 +08:00 via Android 
                    
                    跪求大佬,希望抽中我!网站全是图片…希望可以。[email protected] 
                 | 
            
     128 
                    
                    wzx187202822      2018-05-23 17:32:39 +08:00 
                    
                    刚好需要,求测试! [email protected] 
                 | 
            
     129 
                    
                    hiwind      2018-05-23 17:34:34 +08:00 via Android 
                    
                    [email protected] 我想到了 pied piper 
                 | 
            
     130 
                    
                    changlers      2018-05-23 17:41:41 +08:00 
                    
                    同求,学习一下,[email protected] 
                 | 
            
     131 
                    
                    wclebb      2018-05-23 17:47:06 +08:00 
                    
                    作为设计师,有时候遇到要求压缩到体积内,所以偶尔会用熊猫压缩或楼主的。 
                后来还是用楼主的,因为有时候用楼主的压缩挺方便的,本地压缩也总比上传到熊猫压缩服务器要快一些。 只是有时候挺遗憾就是没有压缩 png 图。 然后看到有人推荐 智图 就下载了,折腾了一番一步步点下一步,发现失败又重新安装全选后…… https://i.loli.net/2018/05/23/5b053875d0273.png 我还是老老实实用浏览器来压吧。  | 
            
     132 
                    
                    lodisy      2018-05-23 18:18:31 +08:00 via Android 
                    
                    和 imageoptimize 相比呢? 
                 | 
            
     133 
                    
                    lodisy      2018-05-23 18:20:25 +08:00 via Android 
                    
                    试用了很不错 [email protected] 
                 | 
            
     135 
                    
                    zhjits      2018-05-23 18:34:31 +08:00 
                    
                    可是服务器的 80% 硬盘都拿来存 node_modules 了 
                 | 
            
     136 
                    
                    codermagefox      2018-05-23 18:38:29 +08:00 
                    
                    @zhjits #135 我 JS 小红卫兵上去就是一砖 
                 | 
            
     137 
                    
                    yankebupt      2018-05-23 18:53:43 +08:00 
                    
                    盗图网站专业反水印工具 
                 | 
            
     139 
                    
                    chuhemiao      2018-05-23 18:59:44 +08:00 
                    
                    
                 | 
            
     140 
                    
                    int11      2018-05-23 19:06:33 +08:00 
                    
                    [email protected] 组成分母 
                 | 
            
     141 
                    
                    wingyiu      2018-05-23 19:09:33 +08:00 
                    
                    
                 | 
            
     142 
                    
                    oop99      2018-05-23 19:53:10 +08:00 via iPhone 
                    
                    这么牛,试试看。[email protected] 
                 | 
            
     143 
                    
                    sampeng      2018-05-23 19:56:03 +08:00 
                    
                    点子很好,但收费就不美丽了。 
                因为能出的起钱的,压根不差服务器。出不起钱的,可有可无这样的功能。。。  | 
            
     144 
                    
                    xiangyuecn      2018-05-23 20:04:19 +08:00 
                    
                    一听#15 350k 目测是压缩过的 js,瑟瑟发抖 
                浏览器上传图片我用的 canvas 缩放自然小,批量的用自己写的调用 pngquant,网上测评和 TinyPNG 压缩效果接近   一般缩小到 30%左右  | 
            
     145 
                    
                    CodeDrift      2018-05-23 20:11:49 +08:00 
                    
                    309871271#qq。com 
                试用了一下,感觉不错    | 
            
     146 
                    
                    Miary      2018-05-23 20:13:29 +08:00 via Android 
                    
                    会被误会挖矿么 
                 | 
            
     147 
                    
                    waacoo      2018-05-23 20:22:07 +08:00 via iPhone 
                    
                    开始以为楼主在描述魔迪算法,原来梦想是真的,能飞到这里来吗? [email protected] 
                 | 
            
     148 
                    
                    floopy      2018-05-23 20:24:42 +08:00 via iPhone 
                    
                    tinypng 破解版长期用户表示也不错 
                 | 
            
     149 
                    
                    danbao      2018-05-23 20:28:22 +08:00 
                    
                    赞,顺便求 [email protected] 
                 | 
            
     150 
                    
                    kookpua      2018-05-23 20:34:45 +08:00 via iPhone 
                    
                    [email protected] 前段时间项目也在折腾 发一个看看哦 
                 | 
            
     151 
                    
                    biidbiid      2018-05-23 20:36:52 +08:00 via Android 
                    
                    @mars0prince +1,,魔笛手 Piedpiper😂 
                 | 
            
     152 
                    
                    mritd      2018-05-23 20:43:52 +08:00 via iPhone 
                    
                    那个.....后端开发狗表示疑问....这东西正常不是经过服务器中转一下就到 cdn 了么?好像是否压缩没影响吧 
                 | 
            
     153 
                    
                    xjh22222228      2018-05-23 20:52:48 +08:00 
                    
                    试了一下,还不错。 
                 | 
            
     154 
                    
                    SingeeKing   PRO  | 
            
     155 
                    
                    SingeeKing   PRO  | 
            
     156 
                    
                    qiubaowei      2018-05-23 21:23:35 +08:00 
                    
                    感觉比之前用的强大多了  [email protected] 
                 | 
            
     157 
                    
                    colorfulberry      2018-05-23 21:25:30 +08:00 
                    
                    http://compressjpeg.com/ 有时间有些压缩用的这个 
                 | 
            
     158 
                    
                    cctv1005s927      2018-05-23 21:26:09 +08:00 
                    
                    支持:cctv1005#gmail.com 
                 | 
            
     160 
                    
                    fanzheng      2018-05-23 21:31:32 +08:00 
                    
                    相对 webp 呢 
                 | 
            
     161 
                    
                    xqdoo00o      2018-05-23 21:57:13 +08:00 
                    
                    
                 | 
            
     162 
                    
                    TYchen      2018-05-23 22:06:37 +08:00 
                    
                    想测试下是否真的像博主说的这样 [email protected] 
                 | 
            
     163 
                    
                    huyinjie      2018-05-23 22:35:11 +08:00 
                    
                    
                 | 
            
     164 
                    
                    qwertyegg      2018-05-23 23:04:53 +08:00 
                    
                    我有一个疑问,从信息的角度上讲,jpg 和 png 已经分别(几乎)达到了有损和无损压缩的极限,现在用户几乎不会手里留 bmp 图片,那这个工具在什么场景下有用? 
                 | 
            
     165 
                    
                    lovestudykid      2018-05-23 23:22:31 +08:00 
                    
                    @USNaWen 这俩有显著差别啊,看字特别明显 
                 | 
            
     166 
                    
                    hiyouli      2018-05-23 23:43:24 +08:00 
                    
                    友情支持。非常不错。 
                 | 
            
     167 
                    
                    shijingshijing      2018-05-24 01:13:52 +08:00 
                    
                    @qinxi 你是个人才。。。 
                 | 
            
     168 
                    
                    alocne      2018-05-24 01:21:04 +08:00 
                    
                    
                 | 
            
     169 
                    
                    FEDT      2018-05-24 01:34:21 +08:00 via iPhone 
                    
                    公司线上再跑的代码用了个开源的,想试试这个 
                [email protected]  | 
            
     171 
                    
                    mskimi      2018-05-24 08:01:18 +08:00 
                    
                    试了一下效果很好,但是选高质量输出( 95%以上)经常会比原始的体积还大,不过 70-80%一般够用了,求测试: 
                gohome#gmail.com  | 
            
     172 
                    
                    poorcai      2018-05-24 08:23:30 +08:00 
                    
                    谢谢楼主。但是为什么有人说是国外的? 
                 | 
            
     173 
                    
                    mydns      2018-05-24 08:33:22 +08:00 
                    
                    666 
                 | 
            
     174 
                    
                    xinpure      2018-05-24 09:01:07 +08:00 via iPhone 
                    
                    [email protected] 支持一下 
                 | 
            
     175 
                    
                    MrYELiex      2018-05-24 09:13:42 +08:00 
                    
                    CDN 图片处理了解一下 
                 | 
            
     176 
                    
                    phoenixlzx      2018-05-24 09:16:33 +08:00 
                    
                    
                 | 
            
     177 
                    
                    460881773      2018-05-24 09:17:07 +08:00 
                    
                    
                 | 
            
     178 
                    
                    kokochen      2018-05-24 09:25:24 +08:00 
                    
                    支持一下,想试试~ [email protected] 
                 | 
            
     179 
                    
                    coolicer      2018-05-24 09:31:57 +08:00 
                    
                    
                 | 
            
     180 
                    
                    fcten      2018-05-24 09:35:51 +08:00 
                    
                    节省 80%的带宽是肯定没有的……因为上行带宽占比较小而相对不值钱,很多云服务的上行流量都是免费的。前端压缩主要节省了硬盘和 CPU 资源。 
                感觉作为工具型应用非常不错。  | 
            
     181 
                    
                    huixia0010      2018-05-24 09:38:12 +08:00 
                    
                    [email protected] 万一中了呢,白花花的银子~ 
                 | 
            
     182 
                    
                    KomeijiSatori      2018-05-24 10:16:49 +08:00 
                    
                    拉低一下中奖率 [email protected] 
                 | 
            
     183 
                    
                    topsy      2018-05-24 10:16:52 +08:00 
                    
                    智能裁剪可自定义设定位置更优  [email protected] 
                 | 
            
     184 
                    
                    ioc      2018-05-24 10:42:02 +08:00 via Android 
                    
                    有这样的需求,试试吧,[email protected] 
                 | 
            
     185 
                    
                    Atukey      2018-05-24 10:54:05 +08:00 
                    
                    正好有这样的需求 
                [email protected]  | 
            
     187 
                    
                    orm      2018-05-24 11:25:44 +08:00 
                    
                    支持 
                 | 
            
     188 
                    
                    myzhao      2018-05-24 13:59:34 +08:00 
                    
                    赞,打开官网才发现很早之前就见过。base64: TXl6aGFvb0Bwcm90b25tYWlsLmNvbQ== 
                 | 
            
     189 
                    
                    USNaWen      2018-05-24 14:11:44 +08:00 
                    
                    @lovestudykid 这是页面那个 demo 放大 400%的截图了,一般没人这么干 
                 | 
            
     190 
                    
                    jsjjdzg      2018-05-24 14:25:46 +08:00 
                    
                    谢谢大佬  
                [email protected]  | 
            
     191 
                    
                    Qzier      2018-05-24 14:54:59 +08:00 via iPhone 
                    
                    标题是个病句 
                 | 
            
     192 
                    
                    wpo      2018-05-24 18:08:19 +08:00 
                    
                    说明一下用 mozjpeg 比较好吧,我跑了一下按照同样比例压缩出来的字节就差几十。 
                   | 
            
     194 
                    
                    xqdoo00o      2018-05-24 18:26:54 +08:00 
                    
                    可以考虑 改成 wasm 版本的吗,效率应该会快。 
                 | 
            
     195 
                    
                    qfdk   PRO 来求一个 求中奖 qfdk2010 谷歌信箱 
                 | 
            
     196 
                    
                    touxigua      2018-05-24 21:04:21 +08:00 
                    
                    使用 win10 截图工具截图的小图片 75 压缩的( 80k 压到 60k )的时候感觉不是很完美。。应该增加识别功能 小图不压或者是轻微压 
                 | 
            
     198 
                    
                    songjiaxin2008      2018-05-24 22:03:07 +08:00 
                    
                    想要 songjiaxin2008#gmail.com 
                 | 
            
     199 
                    
                    lrxiao      2018-05-25 03:47:40 +08:00 
                    
                    好奇原理 
                 | 
            
     200 
                    
                    weegc      2018-05-25 11:13:14 +08:00 
                    
                    [email protected]  想试用下 
                 |