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

参观者 9月前 870

修改 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



~~

最新回复 (8)
  • 参观者 9月前
    引用 2

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

      

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

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

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


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

    难怪号称高负载。
  • woaj 9月前
    引用 5
    我觉得可以试试用webp
    JPG不支持透明
  • 444@qq.com 9月前
    引用 6
    png  支持透明头像
  • ShowerX²º¹³ 9月前
    引用 7
    学习了
  • 花开花落 8月前
    引用 8
    向高手学习
返回
发新帖