javascript - canvas压缩图片的原理是什么
给我你的怀抱
给我你的怀抱 2017-06-26 10:55:55
[JavaScript讨论组]

canvas中的toDataURL方法可指定图片压缩后的格式及压缩质量,例如压缩成webp格式:

canvas.toDataURL('image/webp',quality);

toDataURL是用base64对图像进行编码的,且编码后的源文件比编码前大33%,参考地址,但是quality参数可以指定压缩质量,压缩质量越接近于0,图片压缩力度越大。

问题1:采用base64编码将图片源文件变大了,那base64能压缩图片吗?

问题2:用base64编码小图片只是为了减少http请求吗?

问题3:canvas中的toDataURL方法压缩图片的原理是什么?quality参数具体做了什么?

给我你的怀抱
给我你的怀抱

全部回复(1)
黄舟
  1. 不行

  2. 控制图片编码格式的质量,例如webp可以进行有损压缩,质量越高,损失越小,文件体积就越大

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号