WebP JavaScript feature detection
by kontrach
JavaScript
var hasWebpSupport;
var webp = new Image();
webp.onerror = function(){
hasWebpSupport = false;
};
webp.onload = (function(cb){
hasWebpSupport = true;
cb(hasWebpSupport);
}(log));
webp.src = 'data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACyAgCdASoBAAEALmk0mk0iIiIiIgBoSygABc6zbAAA/v56QAAAAA==';
function log(hasWebpSupport) {
console.log(hasWebpSupport);
}