Javascript para Replace de Extensão de Imagens no HTML(formato webp para png)

Ola,

Inseri o codigo java abaixo em um página html para trocar as imagens webp por png automaticamente quando o navegador for safari mas não esta funcionando.
O que esta errado?

<script>
if(navigator.userAgent.indexOf("Safari") != -1)
{
var str = document.getElementById("imagemsafari").src;
var res = str.replace(/webp/g, "png");
document.getElementById("imagemsafari").src = res;
}
</script>