webp images not showing up in App Service

Question

Hi,

I have an Angular application, where I have used webp image format as recommended in page speed insight test. On running the application locally, the webp images are loading fine but when I am deploying the same application to an azure app service I get the error - 404 not found for the images.

Please help, how can I fix this error.

Thanks

Answer 1

Hello ,
You can do this by adding a Web.Config file (if one doesn’t already exist) to your wwwroot folder which contains a mapping from the webp extension to the (image/webp) mime type.
Example :

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
 <system.webServer>
    <staticContent>
      <mimeMap fileExtension="webp" mimeType="image/webp" />
    </staticContent>
 </system.webServer>
</configuration>

Hope this helps.

If the reply is helpful, please click Accept Answer and kindly upvote it. If you have additional questions about this answer, please click Comment.