webp-browser-support-cover

Supporto per immagini WebP disponibile su iOS 14

Apple ha annunciato un sacco di nuove novità durante il WWDC20 keynote di ieri, dal nuovo hardware alle applicazioni aggiornate, inoltre, nelle note di rilascio di safari 14, c'è una piccola riga che ha attirato la mia attenzione:

Added WebP image support.

WOW!!! NON CI CREDO!! AMAZING ???

Questo mi entusiasma perché WebP è un formato super progressivo che codifica le immagini in formati "lossless" e "lossy", che già otteniamo con altri formati di immagine come JPEG, ma a una frazione di peso, e voi mi direte eh beh?

Questo significa che WebP sarà ampiamente supportato su tutta la linea (IE⚰️) una volta che Safari 14 sarà pubblicato, come possiamo notare dal seguente schema:

webp-browser-support-safari
Fonte: Caniuse

Anche se adesso abbiamo un supporto completo da parte di tutti i browser (IE⚰️), definire un "fallback" tramite l'elemento "<picture>" è un'ottima idea:

<picture>
  <source srcset="img/gatto.webp" type="image/webp">
  <source srcset="img/gatto.jpg" type="image/jpeg"> 
  <img src="img/gatto.jpg" alt="Testo Alt!">
</picture>

Ah... ci siamo dimenticati di Safari 14 ?, finalmente è compatibile con le pseudoclassi :is() e :where() e numerose altre novità.
Spero che l'articolo vi sia piaciuto, restate aggiornati perchè ogni venerdì c'è "Il tutorial di Visual Art".
Ciao