image lint report - consertar no site alguma hora

[alan-barzilay]

---

Image #2 & #3 Missing src attribute

Older browsers or other user agents which don’t understand the srcset attribute should get a fallback image. The sizes attribute has to match the width of the image

The size of the image doesn’t match the sizes attribute (max-width: 740px) 280px, (max-width: 1200px) 35vw + 1rem, 436px. At a viewport of 1000x563 the image was 366 pixels wide instead of the specified 0 (Infinity% difference). The affected viewports are 760x428-1200x1600.

Try using sizes="(min-width: 1280px) 436px, (min-width: 800px) calc(30.43vw + 53px), 274px" instead.

The sizes attribute is a hint for browsers which should tell them how large the image will be displayed. If it doesn’t match the real size, browsers cannot select the correct image source.

<img class="foto" srcset="imgs/codigo-280.avif 280w, imgs/codigo-480.avif 480w" sizes="(max-width: 740px) 280px, (max-width:1200px) 35vw + 1rem, 436px" alt="Código python em um editor de texto" loading="lazy"