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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2722 天前的主题，其中的信息可能已经有所发展或是发生改变。

半年前自己开发了 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 压缩技术，我称它为“下一代的图片上传组件”，为何？

客户端可自行设置最大宽度和最大高度由 js 进行缩放，
对于指定的尺寸，picdiet 能智能识别图片中最具视觉吸引力的部分然后裁剪缩放至指定尺寸
在一切缩放、裁剪完毕后，统一交给 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

picdiet

服务器

裁剪

图片

202 条回复 • 2019-09-04 17:19:00 +08:00

1 2 3

❮

❯

Yourshell

2018-05-23 08:44:32 +08:00 via iPhone

然后开公司发行虚拟币？

alwayshere

2018-05-23 08:57:56 +08:00

不错，很强大，[email protected] ，快点发给我吧:)

alwayshere

2018-05-23 08:58:22 +08:00

@Yourshell 话说，图片压缩和虚拟币有啥关系？

Reign

2018-05-23 09:00:23 +08:00 via iPhone

支持留下邮箱 [email protected] 万一中了呢

niuoh

2018-05-23 09:02:59 +08:00

[email protected] 也许能选中我呢

kisshere

2018-05-23 09:10:35 +08:00

有点黑科技的感觉 [email protected] 万一中了呢

whileFalse

2018-05-23 09:11:27 +08:00

很好。不过我还是用 tinypng...
以及楼主这个只能压 jpg ？

To5tE

2018-05-23 09:12:30 +08:00

有 wordpress 插件吗

A3m0n

2018-05-23 09:14:27 +08:00

支持一下。
Ym90OTYwNTI4QGdtYWlsLmNvbQ==

picdiet

2018-05-23 09:15:02 +08:00

@whileFalse https://www.picdiet.com 目前只能支持压缩 jpg，后续会考虑植入 png 压缩，picdiet.js 支持压缩 jpg 和 png，经过我的实际测试（当然严谨来说可能以偏概全或者样本数量不够），picdiet.js 对 png 和 jpg 的压缩效果要好些

whileFalse

2018-05-23 09:16:19 +08:00

哦哦，仔细看了下文档，似乎是支持其他格式的，不过 mac+chrome 在首页的 demo 只能选择 jpg。
另外就是应用场景是用户上传图片时先压缩再上传，和 tinypng 不一样。

那我也抽一个。谢谢楼主。
[email protected]

picdiet

2018-05-23 09:16:54 +08:00

@To5tE 目前 picdiet.js 部署已经非常非常简单化了，用户可以自行配置呀

To5tE

2018-05-23 09:19:31 +08:00

@picdiet 我用你们产品很久了都一直在网页上操作

To5tE

2018-05-23 09:30:32 +08:00

也求一个

silencefent

2018-05-23 09:30:58 +08:00

请求一个 350KB 的 js 来节省可能的 50-80%空间
得失要自己判断

stanjia

2018-05-23 09:33:38 +08:00

高级图床？

liwl

2018-05-23 09:39:30 +08:00

高级图床？

bullfrog

2018-05-23 09:41:55 +08:00

然而服务器一般都不缺传入带宽

whitepoppy

2018-05-23 09:49:20 +08:00

那我也抽一个。谢谢楼主。试了一下很强大比之前用的好太多了 [email protected]

Zzdex

2018-05-23 09:50:14 +08:00 via iPhone

压缩后大了百分之 16......反向压缩？

liuguangcuican

2018-05-23 09:51:46 +08:00

支持一下，顺便留个邮箱 [email protected] :)

randyzhao

2018-05-23 09:53:41 +08:00

服务器上传流量倒是无所谓
这样的应用倒是可以节约手机流量。。。

给楼主点个赞

KimJongun

2018-05-23 09:57:04 +08:00

收费了呀，给我金酸胖一个面子。[email protected]

lengxiao

2018-05-23 10:03:09 +08:00

[email protected] 万一用到了呢

wlwood

2018-05-23 10:07:32 +08:00

兹磁兹磁 [email protected]

fengyj

2018-05-23 10:14:01 +08:00 via Android

支持，留下 [email protected]

speedboy1211

2018-05-23 10:14:33 +08:00

点个赞

misaka19000

2018-05-23 10:16:35 +08:00

楼主可以成立一个叫做 Pied Piper 的公司😄

janecc

2018-05-23 10:18:03 +08:00

点个赞，留下 [email protected]

Seanfuck

2018-05-23 10:22:33 +08:00

现在都不差带宽和硬盘了吧，都追求高清了，要是放 10 年前，绝对能大赚。

andyliwrldk

2018-05-23 10:23:09 +08:00

@Reign 中了什么？

nine

2018-05-23 10:24:19 +08:00

666

kisshere

2018-05-23 10:24:58 +08:00

@Seanfuck 就国内服务器这死贵死贵的带宽和石头硬盘。。。记得几年前优酷老总不是还抱怨中国的带宽价格太贵吗？ http://gd.qq.com/a/20111118/000097.htm

code4life

2018-05-23 10:29:14 +08:00

code4life @foxmail.com
好工具，支持一下

建议也能适当减小一下库的体积

wslsq

2018-05-23 10:29:25 +08:00

大佬求一个，很需要前端压缩。。[email protected]

Liudong1999

2018-05-23 10:29:38 +08:00

为啥有时候会出现压缩后体积更大的情况...图片格式为 jpg
http://chuantu.biz/t6/317/1527042563x-1404758407.jpg

Reign

2018-05-23 10:35:13 +08:00

@Liudong1999 就用默认的 75%品质就 OK 了

LeungJZ

2018-05-23 10:37:48 +08:00

压缩耗时:1897 ms 原始文件大小: 212.23 KB 压缩后文件大小: 218.58 KB 压缩百分比:-3%

尴尬。。。

[email protected]

谢谢，门户类的，非常需要这种好玩意。

bfzahuarmmgg

2018-05-23 10:38:13 +08:00

和腾讯的智图比如何？

x537196

2018-05-23 10:41:59 +08:00

很 NB 啊，希望能来一个测试 admin#namerror.com ( #->@)

mikuazusa

2018-05-23 10:48:59 +08:00

体验了一下，效果很棒，页面设计加上拖曳上传支持吧，交互更友好。
留个邮箱： [email protected]

defunct9

2018-05-23 10:50:15 +08:00

anjiannian

2018-05-23 10:53:44 +08:00

chad#selftalk.me 抽一个

rizon

2018-05-23 10:53:51 +08:00

打开网站一看，这熟悉的界面，我用过啊，以前做在线图片压缩工具的对比的时候就看过这个。
开发了这个插件很不错啊，调用方式也很方便。对一些公司应该很有帮助。
不过肯定也有很多公司会有存储压缩裁剪之前的图片资源的需求的。大数据时代这些都是宝贵的材料啊。
emmmm ～总之，是个好东西，很有价值，抽一个咯 mailto:[email protected]

yangheng4922

2018-05-23 10:55:11 +08:00

[email protected]
万一选到我了呢

Creabine

2018-05-23 10:56:24 +08:00

赶紧申请专利，搞个 new internet

sheldoner

2018-05-23 10:56:26 +08:00

支持留下邮箱 [email protected] 万一中了呢

skwfar

2018-05-23 11:12:14 +08:00

支持一下 skwfar#gmail.com

gwxdnm1q2

2018-05-23 11:13:26 +08:00

也就是一个图床？

mout

2018-05-23 11:15:34 +08:00

有点厉害！！！最近也在搞前端图像处理相关的，被算法搞死了……

mout

2018-05-23 11:16:51 +08:00

哈哈哈，忘了留邮箱= =|| [email protected]

oska117

2018-05-23 11:24:09 +08:00 via Android

平均省 80%,那就太厉害了。909562928#qq

To5tE

2018-05-23 11:25:46 +08:00

@picdiet 没技术改不来求方法

openmynet

2018-05-23 11:26:57 +08:00

://www.photowoo.com/attachs/15/7/19/fengniao/f_1459095053.jpg

压缩百分比:-32%

ktonline

2018-05-23 11:28:06 +08:00

[email protected] 谢谢啦

nosay

2018-05-23 11:31:12 +08:00 via iPhone

174323925#qq.com 继续做分母

yao978318542

2018-05-23 11:33:57 +08:00

我司是做全景的基本上每张图片都是 100M 左右你能确定压缩过后没有差异？（其实我就是想试试你这个插件！ [email protected] 多谢大佬：）

Antidictator

2018-05-23 11:34:59 +08:00

@Yourshell #1 ppi 可以的。

@picdiet #12 参加活动：bWFpbHRvOjEwMTg5MTUwNjZAcXEuY29t

fuchaofather

2018-05-23 11:35:11 +08:00

@silencefent 这位大佬说的很中肯, 不过淘宝京东这种应该会蛮实用的. 顶一下大佬, 开发这个很牛逼, 万一中了呢.

mxm145

2018-05-23 11:37:39 +08:00

[email protected] 做分母

Corbusier

2018-05-23 11:37:45 +08:00

[email protected] 谢谢~

fengtalk

2018-05-23 11:39:16 +08:00

看看能省压缩多少。achisky#gmail.com

Ellison

2018-05-23 11:44:08 +08:00

mellcx#gmail.com
朋友做图站的，万一中了呢

2018-05-23 11:52:55 +08:00

资瓷一下，我觉得这个想法很棒。

有人提到体积的问题，我认为 200kb 还能承受，而且可以按需加载啊！

毕竟看图的肯定比传图的场景多，难道不是吗？

fy0748#gmail.com

BlossomPlus

2018-05-23 11:53:34 +08:00

[email protected]
感觉今后的项目能用得上这个，也希望能学习一下

dbsg

2018-05-23 12:12:46 +08:00

[email protected]
一直在用楼主的压缩工具，希望能做内侧用户

KunsLand

2018-05-23 12:20:48 +08:00 via Android

学习楼主经验。真干实事的人。支持收费。

wdv2ly

2018-05-23 12:28:38 +08:00

2333，随手 google 了下，前 3 页除了官网没有 1 个相关的英文网站，然而各中文搜索结果标题统一都是“老外开发”、“ 80%压缩”的字样
[doge]

luoway

2018-05-23 12:30:31 +08:00

https://tinypng.com/
了解下，不仅仅支持 jpg 压缩，压缩率更高。

zirconium

2018-05-23 12:30:57 +08:00 via iPhone

[email protected] 蟹蟹

ethusdt

2018-05-23 12:31:40 +08:00

[email protected]

lcubed

2018-05-23 12:33:37 +08:00

支持，希望能中

tempdban

2018-05-23 12:39:22 +08:00 via Android

[email protected]
我是学通信的，对图像处理很感兴趣

fishcat

2018-05-23 12:40:27 +08:00

我也来充当分母了，感谢楼主 [email protected]

hackxing

2018-05-23 12:48:06 +08:00

[email protected]

wbrobot

2018-05-23 12:48:15 +08:00

先赞一下, 问问是否支持移动浏览器?

另外, js 怎么授权收费? js 代码所见即所得啊, 我看楼主也不是专业前端, 不如开源出来, 让前端同学支持把拖拽什么的完善一下, 让后端同学把 php, python, java, node 等服务器端接收图片的代码写点 demo 出来, 楼主专心开发压缩算法就行了, 大家做出个开源解决方案比较好吧

一点个人建议

veau

2018-05-23 12:53:54 +08:00

[email protected]

一会在用这个~~~

MadbookPro

2018-05-23 12:59:10 +08:00

好像硅谷第一季的剧情

[email protected]
顺便求个插件

x1184

2018-05-23 12:59:30 +08:00 via Android

[email protected] 楼主谢谢了

kaifazhe

2018-05-23 13:13:55 +08:00

[email protected]

Hansah

2018-05-23 13:19:11 +08:00

增加个分母 siknet#qq.com

paloalto

2018-05-23 13:25:39 +08:00

[email protected]

hack21

2018-05-23 13:30:56 +08:00 via iPhone

[email protected] 感谢楼主～

AlwaysBee

2018-05-23 13:39:10 +08:00

来，做个分母，我可以试试开发一个 WP 插件
yalwaysbee$gmail.com

neighbads

2018-05-23 13:42:43 +08:00

看测评确实不错。。。。

neighbads#gmail.com

royzxq

2018-05-23 13:43:43 +08:00

做个分母 dearestdyw#gmail.com

mars0prince

2018-05-23 13:45:51 +08:00

让我想起了电视剧硅谷

echopan

2018-05-23 13:46:35 +08:00

angelfreedomv#gmail.com 想要

gclm

2018-05-23 13:47:35 +08:00 via Android

刚好最近有这样得需要，求一个 [email protected]

SourceMan

2018-05-23 13:48:44 +08:00

送东西的时候，大家倒不关心隐私不隐私的问题了

crx05

2018-05-23 13:48:58 +08:00

[email protected] 期待收到楼主邮件

PHPJit

2018-05-23 13:50:53 +08:00

同求啊
aUBpend3LmNu

superdong

2018-05-23 13:51:14 +08:00

发现我在 psd 中以 JPEG 格式压缩后的图片，跑到楼主的工具一试，反而更大了。
这个是什么鬼呢？

BigDipper7

2018-05-23 13:52:19 +08:00

卧槽很强大，惊艳了。。。求分享 violiniselegant#gmail.com ，谢谢 lz

hing

2018-05-23 13:56:47 +08:00

楼主是没看过每句硅谷啊

mfife

2018-05-23 14:04:26 +08:00

正好有这样的需求，求中...xf_life#yeah.net

lynth

2018-05-23 14:05:55 +08:00

支持一下 iamyazlee#gmail.com

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

2018-05-23 14:11:16 +08:00

赞，顺便求 [email protected]

100

liujunsheng

2018-05-23 14:13:49 +08:00

base64：YUBsaXVqdW5zaGVuZy5jb20=
拉低中奖率

1 2 3

❮

❯