javascript - 如何使用javascript将jpg图像转换为png

Question

将JPG图像转换为PNG

我必须使用 javascript 将 jpg 图像转换为 png 图像并调整图像大小以创建图像缩略图。

Answer 1

如果我们查看JPG to PNG网站的源代码，该网站使用纯 JavaScript 将图像从 JPG 转换为 PNG。我们看到他们：

1. 从文件中加载 jpg 图像
2. 创建一个与jpg相同大小的画布
3. 绘制覆盖整个画布的jpg图像
4. 将画布转换为 blob（如果图像足够小，您也可以使用.toDataURL()）
5. 下载 blob

Answer 2

你应该看看 processing.js 库： http: //processingjs.org/reference/PImage_resize_/ http://processingjs.org/reference/save_/

Answer 3

编写一个允许您操作和转换图像的纯 JavaScript 库并非不可能，但我不知道任何事情，我也不会使用它们。

相反，我会将原始图像上传到我选择的服务器框架（PHP、ASP.NET 等）并让它为您处理图像。

Answer 4

通过 emscripten 有很多原生 png/JPEG 库的端口，还有一些纯粹用 JavaScript 编写的，这就是我现在想到的：

https://www.npmjs.com/package/jimp

Jimp.read('lenna.png', (err, lenna) => {
  if (err) throw err;
  lenna
    .write('lena-small-bw.jpg'); // save
});

但一般来说，您想在 npm.org 中搜索“png to jpeg”之类的内容，您会发现很多库。