WebP image have .png extension ?

[mrleblanc101]

Is it normal when using <NuxtPicture> (in dev mode since SSG is currently broken) that the src of the type="image/webp" image has the png extension?

<picture class="max-h-full relative -z-10 ml-auto -mb-4 w-1/2 max-w-md md:max-w-none object-contain object-right-bottom pt-8 min-w-[250px]">
    <source type="image/webp" sizes="(max-width: 640px) 250px, (max-width: 768px) 50vw, (max-width: 1024px) 50vw, 608px" srcset="/_ipx/f_webp,s_250x335/img/profil.png 250w, /_ipx/f_webp,s_384x514/img/profil.png 384w, /_ipx/f_webp,s_512x685/img/profil.png 512w, /_ipx/f_webp,s_608x814/img/profil.png 608w">
    <img width="1537" height="2057" alt="Photo de Sébastien LeBlanc" src="/_ipx/f_png,s_608x814/img/profil.png" sizes="(max-width: 640px) 250px, (max-width: 768px) 50vw, (max-width: 1024px) 50vw, 608px" srcset="/_ipx/f_png,s_250x335/img/profil.png 250w, /_ipx/f_png,s_384x514/img/profil.png 384w, /_ipx/f_png,s_512x685/img/profil.png 512w, /_ipx/f_png,s_608x814/img/profil.png 608w">
</picture>

Now I'm not sure if the image is actually a PNG or a WebP

[pi0]

Hi dear @mrleblanc101. This is expected (and generally fine by browsers). The image path simply ends with source while contents that determines mime is based on transformation (notice f_webp). Browsers pick the right mime to render.

However this is confusing! I have opened a discussion in #726 to follow up.