javascript - 如何将 WEBP 图像另存为其他类型

标签 javascript image browser file-type webp

很难找到一个可以查看 WEBP 图像的应用程序。因此,当您将其下载到硬盘时,将其下载为更常见的格式(例如 JPEG 或 PNG)可能会更方便。

那么有没有一种简单的方法可以将 WEBP 保存为更好的文件类型?

最佳答案

我创建了这个 javascript 书签,它将在您的浏览器中将 WEBP 转换为 PNG。

它的工作原理是创建一个 Canvas 元素并在 Canvas 上绘制 WEBP。然后原来的WEBP被删除,只留下新的图像。然后,您可以右键单击该图像并将其另存为 PNG。

创建书签,并输入以下代码作为网址:

javascript:
function a(){
    var webp = document.getElementsByTagName("img")[0];
    var canvas = document.createElement("canvas");
    document.body.appendChild(canvas);
    canvas.width = webp.width; 
    canvas.height = webp.height; 
    var ctx = canvas.getContext("2d"); 
    ctx.drawImage(webp, 0, 0); 
    webp.parentNode.removeChild(webp);
    return;
};
a();

然后,您需要在单独的选项卡或窗口中打开 WEBP。

然后单击我们制作的书签,WEBP 将替换为您可以保存的 PNG。

希望您发现这有帮助。美好的一天

关于javascript - 如何将 WEBP 图像另存为其他类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56446481/

相关文章:

google-chrome - 如何设置 cron 作业以使用 crontab 在浏览器中打开网页?

javascript - react : Get month name instead of number

javascript - 存在 Cookie header ,但 Cookie 未存储在浏览器中

javascript - 我怎样才能在 Jasmine 中通过这个测试?

javascript - 使用 Node.js 将 MySQL 数据打印到 HTML 页面

linux - 将 swf 渲染为 png 或其他图像格式

css - 浏览器无法显示在 .css 文件中所做的更改

javascript - 如何在单页应用程序中重新获取图像?

javascript - 将一个图像拖到另一个图像上并将其保存为一个图像(如光增强现实)

javascript - 我应该如何在图像上添加标签?