上传的头像体积过大,修改一处,立马变成 5 KB

参观者 5月前 664

修改 htm 目录下  my_avatar.htm



大约在39行,把

{width: 128, height: 128, action: 'clip', filetype: 'png'},

修改为

{width: 128, height: 128, action: 'clip', filetype: 'jpeg'},


原理就是 canvas 绘图 png格式占用太大,生成的文件有可能超过上传头像文件本身

而jpeg格式绘图,非常节省空间,它们的差别肉眼看不出来


我做过测试 原图18KB,未修改前上传做头像变成 32Kb,修改后变成 4K



~~

最新回复 (7)
  • 参观者 5月前
    引用 2

    同一张图片,上传到官网当头像变成47K 

      

    下面是上传到测试网站当头像的结果

  • 燃烧的冰 5月前
    引用 3
    创建成jpg格式再压缩下,还会再小的。
  • 参观者 5月前
    引用 4
    燃烧的冰 创建成jpg格式再压缩下,还会再小的。
    XN真的是把大量运算放到客户端

    压缩已经在客户端就完成了,默认的压缩比是  0.7,可以自己修改。


    服务器要做的仅仅是接收客户端处理好的数据,写入硬盘,更新一下数据表就行了。。。

    难怪号称高负载。
  • woaj 5月前
    引用 5
    我觉得可以试试用webp
    JPG不支持透明
  • 444@qq.com 5月前
    引用 6
    png  支持透明头像
  • ShowerX²º¹³ 5月前
    引用 7
    学习了
  • 花开花落 4月前
    引用 8
    向高手学习
返回
HTTP/1.1 502 Bad Gateway Content-Type: text/html Connection: close Content-Length: 297 Date: Mon, 22 Jan 2018 00:48:16 GMT X-Via: 1.1 tianyi-124 (random:70709 Fikker/Webcache/3.7.4) 502 Bad Gateway

502 Bad Gateway - Cann't Connect To Upstream Server By SSL Read

Server: tianyi-124
Date: 2018-01-22 00:48:16

Fikker/Webcache/3.7.4