title: Chrome is defaulting to JPG when Webp is available. Why?
body: <p>Chrome is defaulting to the jpg/png files when webp files are available. I ran a website Audit through Lighthouse and it recommended properly sizing images and using "next-gen" formats. After changing the files to webp (and creating multiple sizes of the file), I added the files under a picture tag. When I open developer tools now, Lighthouse gives me green lights for both next-gen formats and multiple file sizes now but only defaults to the jpg/png format. </p>
  
  <pre><code>&lt;picture&gt;
     &lt;source srcset="imgs/img_480w.webp" media="(max-width:480px)" type="image/webp"&gt;
     &lt;source srcset="img/img_280w.webp" media="(max-width:280px)" type="image/webp"&gt;
    &lt;source srcset="imgs/imgs.jpg" type="image/jpeg"&gt;
    &lt;!-- always defaults to here --&gt; &lt;img src="grid_img/LoW_grid.jpg" alt="Image" class="tm-img"&gt; 
  </code></pre>
  
  <p></p>
  
  <p>It is definitely getting the files, they are not showing as not-found. And when I do not include the last  line, nothing shows up at all. The files did convert to webp formats properly because I can open them in Chrome.</p>