bu yontem klasık ve bence gereksız kod karmasası yaratan bi yontem vazgectım zaten artık .jpg kb dusurerek kullanıcam projede

Sanırım hala desteklemiyor bu nedenle şöyle bir yöntem kullanabilirsin.

<picture>
<source srcset="img.webp" type="image/webp">
<source srcset="img.jpg" type="image/jpeg">
<img src="img.jpg">
</picture>

BU şekilde chrome tarayıcısı öncelikle webp kaynak alıcaktır.