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

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

  •  6
     
  •   picdiet · May 23, 2018 · 25936 views
    This topic created in 3088 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  
    ❮ ❯
    Yourshell
    Yourshell
    May 23, 2018 via iPhone❤️1
    1
    然后开公司发行虚拟币?
    alwayshere
    alwayshere
    May 23, 2018
    2
    不错,很强大,[email protected] ,快点发给我吧:)
    alwayshere
    alwayshere
    May 23, 2018
    3
    @Yourshell 话说,图片压缩和虚拟币有啥关系?
    Reign
    Reign
    May 23, 2018 via iPhone
    4
    支持 留下邮箱 [email protected] 万一中了呢
    niuoh
    niuoh
    May 23, 2018
    5
    [email protected] 也许能选中我呢
    kisshere
    kisshere
    May 23, 2018
    6
    有点黑科技的感觉 [email protected] 万一中了呢
    whileFalse
    whileFalse
    May 23, 2018
    7
    很好。不过我还是用 tinypng...
    以及楼主这个只能压 jpg ?
    To5tE
    To5tE
    May 23, 2018
    8
    有 wordpress 插件吗
    A3m0n
    A3m0n
    May 23, 2018
    9
    支持一下。
    Ym90OTYwNTI4QGdtYWlsLmNvbQ==
    picdiet
    picdiet
    OP
    May 23, 2018❤️1
    10
    @whileFalse https://www.picdiet.com 目前只能支持压缩 jpg,后续会考虑植入 png 压缩,picdiet.js 支持压缩 jpg 和 png,经过我的实际测试(当然严谨来说可能以偏概全或者样本数量不够),picdiet.js 对 png 和 jpg 的压缩效果要好些
    whileFalse
    whileFalse
    May 23, 2018
    11
    哦哦,仔细看了下文档,似乎是支持其他格式的,不过 mac+chrome 在首页的 demo 只能选择 jpg。
    另外就是应用场景是用户上传图片时先压缩再上传,和 tinypng 不一样。

    那我也抽一个。谢谢楼主。
    [email protected]
    picdiet
    picdiet
    OP
    May 23, 2018
    12
    @To5tE 目前 picdiet.js 部署已经非常非常简单化了,用户可以自行配置呀
    To5tE
    To5tE
    May 23, 2018
    13
    @picdiet 我用你们产品很久了 都一直在网页上操作
    To5tE
    To5tE
    May 23, 2018
    14
    也求一个
    silencefent
    silencefent
    May 23, 2018
    15
    请求一个 350KB 的 js 来节省可能的 50-80%空间
    得失要自己判断
    stanjia
    stanjia
    May 23, 2018
    16
    高级图床?
    liwl
    liwl
    May 23, 2018
    17
    高级图床?
    bullfrog
    bullfrog
    May 23, 2018
    18
    然而服务器一般都不缺传入带宽
    whitepoppy
    whitepoppy
    May 23, 2018
    19
    那我也抽一个。谢谢楼主。 试了一下很强大比之前用的好太多了 [email protected]
    Zzdex
    Zzdex
    May 23, 2018 via iPhone
    20
    压缩后大了百分之 16......反向压缩?
    liuguangcuican
    liuguangcuican
    May 23, 2018
    21
    支持一下,顺便留个邮箱 [email protected] :)
    randyzhao
    randyzhao
    May 23, 2018
    22
    服务器上传流量倒是无所谓
    这样的应用倒是可以节约手机流量。。。

    给楼主点个赞
    KimJongun
    KimJongun
    May 23, 2018
    23
    收费了呀,给我金酸胖一个面子。[email protected]
    lengxiao
    lengxiao
    May 23, 2018
    24
    [email protected] 万一用到了呢
    wlwood
    wlwood
    May 23, 2018
    25
    兹磁兹磁 [email protected]
    fengyj
    fengyj
    May 23, 2018 via Android
    26
    支持,留下 [email protected]
    speedboy1211
    speedboy1211
    May 23, 2018
    27
    点个赞
    misaka19000
    misaka19000
    May 23, 2018❤️4
    28
    楼主可以成立一个叫做 Pied Piper 的公司😄
    NeoJane
    NeoJane
    May 23, 2018
    29
    点个赞,留下 [email protected]
    Seanfuck
    Seanfuck
    May 23, 2018
    30
    现在都不差带宽和硬盘了吧,都追求高清了,要是放 10 年前,绝对能大赚。
    andyliwrldk
    andyliwrldk
    May 23, 2018
    31
    @Reign 中了什么?
    nine
    nine
    May 23, 2018
    32
    666
    kisshere
    kisshere
    May 23, 2018
    33
    @Seanfuck 就国内服务器这死贵死贵的带宽和石头硬盘。。。记得几年前优酷老总不是还抱怨中国的带宽价格太贵吗? http://gd.qq.com/a/20111118/000097.htm
    code4life
    code4life
    May 23, 2018
    34
    code4life @foxmail.com
    好工具,支持一下

    建议也能适当减小一下库的体积
    wslsq
    wslsq
    May 23, 2018
    35
    大佬求一个,很需要前端压缩。。[email protected]
    Liudong1999
    Liudong1999
    May 23, 2018
    36
    为啥有时候会出现压缩后体积更大的情况...图片格式为 jpg
    http://chuantu.biz/t6/317/1527042563x-1404758407.jpg
    Reign
    Reign
    May 23, 2018
    37
    @Liudong1999 就用默认的 75%品质就 OK 了
    LeungJZ
    LeungJZ
    May 23, 2018
    38
    压缩耗时:1897 ms 原始文件大小: 212.23 KB 压缩后文件大小: 218.58 KB 压缩百分比:-3%

    尴尬。。。

    [email protected]

    谢谢,门户类的,非常需要这种好玩意。
    bfzahuarmmgg
    bfzahuarmmgg
    May 23, 2018
    39
    和腾讯的智图比如何?
    nimonew
    nimonew
    May 23, 2018
    40
    很 NB 啊,希望能来一个测试 admin#namerror.com ( #->@)
    mikuazusa
    mikuazusa
    May 23, 2018
    41
    体验了一下,效果很棒,页面设计加上拖曳上传支持吧,交互更友好。
    留个邮箱: [email protected]
    defunct9
    defunct9
    May 23, 2018
    42
    点赞
    anjiannian
    anjiannian
    May 23, 2018
    43
    chad#selftalk.me 抽一个
    rizon
    rizon
    May 23, 2018
    44
    打开网站一看,这熟悉的界面,我用过啊,以前做在线图片压缩工具的对比的时候就看过这个。
    开发了这个插件很不错啊,调用方式也很方便。对一些公司应该很有帮助。
    不过肯定也有很多公司会有存储压缩裁剪之前的图片资源的需求的。大数据时代这些都是宝贵的材料啊。
    emmmm ~ 总之,是个好东西,很有价值,抽一个咯 mailto:[email protected]
    yangheng4922
    yangheng4922
    May 23, 2018
    45
    [email protected]
    万一选到我了呢
    Creabine
    Creabine
    May 23, 2018
    46
    赶紧申请专利,搞个 new internet
    sheldoner
    sheldoner
    May 23, 2018
    47
    支持 留下邮箱 [email protected] 万一中了呢
    skwfar
    skwfar
    May 23, 2018
    48
    支持一下 skwfar#gmail.com
    gwxdnm1q2
    gwxdnm1q2
    May 23, 2018
    49
    也就是一个图床?
    mout
    mout
    May 23, 2018
    50
    有点厉害!!!最近也在搞前端图像处理相关的,被算法搞死了……
    mout
    mout
    May 23, 2018
    51
    哈哈哈,忘了留邮箱= =|| [email protected]
    oska117
    oska117
    May 23, 2018 via Android
    52
    平均省 80%,那就太厉害了。909562928#qq
    To5tE
    To5tE
    May 23, 2018
    53
    @picdiet 没技术 改不来 求方法
    ktonline
    ktonline
    May 23, 2018
    55
    nosay
    nosay
    May 23, 2018 via iPhone
    56
    174323925#qq.com 继续做分母
    yao978318542
    yao978318542
    May 23, 2018
    57
    我司是做全景的 基本上每张图片都是 100M 左右 你能确定压缩过后没有差异? (其实我就是想试试你这个插件! [email protected] 多谢大佬:)
    Antidictator
    Antidictator
    May 23, 2018
    58
    @Yourshell #1 ppi 可以的。

    @picdiet #12 参加活动:bWFpbHRvOjEwMTg5MTUwNjZAcXEuY29t
    fuchaofather
    fuchaofather
    May 23, 2018
    59
    @silencefent 这位大佬说的很中肯, 不过淘宝京东这种应该会蛮实用的. 顶一下大佬, 开发这个很牛逼, 万一中了呢.
    mxm145
    mxm145
    May 23, 2018
    60
    Corbusier
    Corbusier
    May 23, 2018
    61
    fengtalk
    fengtalk
    May 23, 2018
    62
    看看能省压缩多少。achisky#gmail.com
    Ellison
    Ellison
    May 23, 2018
    63
    mellcx#gmail.com
    朋友做图站的,万一中了呢
    fy
    fy
    May 23, 2018
    64
    资瓷一下,我觉得这个想法很棒。

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

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

    fy0748#gmail.com
    BlossomPlus
    BlossomPlus
    May 23, 2018
    65
    [email protected]
    感觉今后的项目能用得上这个,也希望能学习一下
    dbsg
    dbsg
    May 23, 2018
    66
    [email protected]
    一直在用楼主的压缩工具,希望能做内侧用户
    KunsLand
    KunsLand
    May 23, 2018 via Android
    67
    学习楼主经验。真干实事的人。支持收费。
    wdv2ly
    wdv2ly
    May 23, 2018
    68
    2333,随手 google 了下,前 3 页除了官网没有 1 个相关的英文网站,然而各中文搜索结果标题统一都是“老外开发”、“ 80%压缩”的字样
    [doge]
    luoway
    luoway
    May 23, 2018❤️1
    69
    https://tinypng.com/
    了解下,不仅仅支持 jpg 压缩,压缩率更高。
    zirconium
    zirconium
    May 23, 2018 via iPhone
    70
    ethusdt
    ethusdt
    May 23, 2018
    71
    lcubed
    lcubed
    May 23, 2018
    72
    支持,希望能中
    tempdban
    tempdban
    May 23, 2018 via Android
    73
    [email protected]
    我是学通信的,对图像处理很感兴趣
    fishcat
    fishcat
    May 23, 2018
    74
    我也来充当分母了,感谢楼主 [email protected]
    hackxing
    hackxing
    May 23, 2018
    75
    wbrobot
    wbrobot
    May 23, 2018
    76
    先赞一下, 问问是否支持移动浏览器?

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

    一点个人建议
    veau
    veau
    May 23, 2018
    77
    [email protected]

    一会在用这个~~~
    MadbookPro
    MadbookPro
    May 23, 2018
    78
    好像硅谷第一季的剧情
    [email protected]
    顺便求个插件
    x1184
    x1184
    May 23, 2018 via Android
    79
    [email protected] 楼主谢谢了
    kaifazhe
    kaifazhe
    May 23, 2018
    80
    Hansah
    Hansah
    May 23, 2018
    81
    增加个分母 siknet#qq.com
    paloalto
    paloalto
    May 23, 2018
    82
    hack21
    hack21
    May 23, 2018 via iPhone
    83
    [email protected] 感谢楼主~
    AlwaysBee
    AlwaysBee
    May 23, 2018
    84
    来,做个分母,我可以试试开发一个 WP 插件
    yalwaysbee$gmail.com
    neighbads
    neighbads
    May 23, 2018
    85
    看测评确实不错。。。。

    neighbads#gmail.com
    royzxq
    royzxq
    May 23, 2018
    86
    做个分母 dearestdyw#gmail.com
    mars0prince
    mars0prince
    May 23, 2018
    87
    让我想起了电视剧硅谷
    echopan
    echopan
    May 23, 2018
    88
    angelfreedomv#gmail.com 想要
    gclm
    gclm
    May 23, 2018 via Android
    89
    刚好最近有这样得需要,求一个 [email protected]
    SourceMan
    SourceMan
    May 23, 2018❤️2
    90
    送东西的时候,大家倒不关心隐私不隐私的问题了
    crx05
    crx05
    May 23, 2018
    91
    [email protected] 期待收到楼主邮件
    PHPJit
    PHPJit
    May 23, 2018
    92
    同求啊
    aUBpend3LmNu
    superdong
    superdong
    May 23, 2018
    93
    发现我在 psd 中以 JPEG 格式压缩后的图片,跑到楼主的工具一试,反而更大了。
    这个是什么鬼呢?
    BigDipper7
    BigDipper7
    May 23, 2018
    94
    卧槽 很强大,惊艳了。。。 求分享 violiniselegant#gmail.com ,谢谢 lz
    hing
    hing
    May 23, 2018
    95
    楼主是没看过每句硅谷啊
    mfife
    mfife
    May 23, 2018
    96
    正好有这样的需求,求中...xf_life#yeah.net
    lynth
    lynth
    May 23, 2018
    97
    支持一下 iamyazlee#gmail.com
    bertonzh
    bertonzh
    May 23, 2018
    98
    用 Emscripten 把 MozJPEG 转成 JS, 就是自己开发的纯 JavaScript 压缩工具。
    嗯,这个点子很棒。

    另外,很多云存储是支持图片压缩的,比如阿里云 oss. https://help.aliyun.com/document_detail/44705.html?spm=a2c4g.11186623.6.993.RLDBqd
    lovedebug
    lovedebug
    May 23, 2018
    99
    赞,顺便求 [email protected]
    liujunsheng
    liujunsheng
    May 23, 2018
    100
    base64:YUBsaXVqdW5zaGVuZy5jb20=
    拉低中奖率
    1  2  3  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1480 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 214ms · UTC 18:37 · PVG 02:37 · LAX 10:37 · JFK 13:37
    ♥ Do have faith in what you're doing.