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

Din*_*esh 4 html html5-canvas

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

mar*_*rkE 6

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

var jpgURL = canvas.toDataURL("image/jpeg");
Run Code Online (Sandbox Code Playgroud)

您还可以指定图像质量以进一步减小 URL 大小。

var jpgURLat50PercentQuality = canvas.toDataURL("image/jpeg", 0.5);
Run Code Online (Sandbox Code Playgroud)

祝你的项目好运!

  • 嘿,马克,谢谢。大小从 600KB 减少到 27KB。 (2认同)