我的最终目标是检测浏览器是否能够显示webp图像。如果是的话,将页面上的所有图像替换为它们的webp等价物(位于同名的目录中,只是扩展名不同)。
目前,我有一个脚本可以成功地检测浏览器是否能够显示webp。
(function(){
var WebP=new Image();
WebP.onload=WebP.onerror=function(){
if(WebP.height!=2){
console.log("You do not have WebP support.");
} else {
console.log("
GDI+和System.Drawing不支持WebP映像。为了在我的C# Windows桌面应用程序中处理它们,我使用Magick.NET将它们转换为Gif图像,这是受支持的。这很好,除非WebP图像是动画的。用于测试动画图像转换的代码如下:
public void TestConvertImageType() {
using (var animatedWebP = new MagickImage("animated.webp")) {
animatedWebP.Write("animated-generated.gif&
我正在尝试创建一段代码,以确定浏览器是否支持WebP图像,然后确定它是否加载了JPEG或WebP。在每次刷新浏览器时,它似乎都会随机返回true和false。
function supportsWebP() {
var img = new Image();
img.src = "/img/test-img.png";
var canvas = document.createElement('canvas');
canvas.width = img.naturalWidth; // or 'width' if yo