Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 减少从画布生成的图像文件的大小?_Html_Html5 Canvas - Fatal编程技术网

Html 减少从画布生成的图像文件的大小?

Html 减少从画布生成的图像文件的大小?,html,html5-canvas,Html,Html5 Canvas,我已经创建了一个模因生成器。问题是我从画布上得到的图像尺寸很大。典型大小为600KB。这正常吗?我能做些什么来减小图像的大小吗?我会发布代码,但我认为代码并不重要。您可以通过指定toDataURL使用jpg而不是png编码来减少URL大小 var jpgURL = canvas.toDataURL("image/jpeg"); 您还可以指定图像质量以进一步减小URL大小 var jpgURLat50PercentQuality = canvas.toDataURL("image/jpeg",

我已经创建了一个模因生成器。问题是我从画布上得到的图像尺寸很大。典型大小为600KB。这正常吗?我能做些什么来减小图像的大小吗?我会发布代码,但我认为代码并不重要。

您可以通过指定
toDataURL
使用jpg而不是png编码来减少URL大小

var jpgURL = canvas.toDataURL("image/jpeg");
您还可以指定图像质量以进一步减小URL大小

var jpgURLat50PercentQuality = canvas.toDataURL("image/jpeg", 0.5);

祝你的项目好运

您正在使用canvas.toDataURL()吗?你对此无能为力。但是您可以使用一些库来编码较小大小的PNG/JPG。你能链接到一些库吗?Google Chrome过去有可怕的PNG压缩比,我报告它是一个bug,它改进了。试试这个嘿,马克,谢谢你。大小从600KB降至27KB。