Vi illustro una tecnica ed un tool per ottimizzare le immagini a partire dai dati di risoluzione e densità schermo sui siti web. I risultati sono:

- un codice HTML molto più leggero;
- maggior riutilizzo della cache della CDN;
- performance migliorate grazie al limite della fedeltà a 2x;
- pixel-perfection sui device più diffusi.

Inoltre:

- più facilità nel calcolare le dimensioni delle immagini;
- calcolo dello spreco di banda incluso;
- generazione automatica del tag `picture` con controllo test-driven.

Comments

Please login to leave a comment

Unico difetto ha scambiato Futurama per i Simpson!!!

Argomento studiato da poco e lo ritengo importante, molto interessante il tool

Alessio Acella at 13:38 on 1 Apr 2022

Molto utile

Tool davvero promettente

Molto interessante

Diana Bernabei at 15:58 on 2 Apr 2022

Talk utile e super interessante il tool!

Tool utilissimo e argomento che coinvolge chiunque lavori sul web/mobile

Luca Reguzzoni at 04:53 on 3 Apr 2022

Il talk tocca un tema con cui lavoro ogni giorno (seppur in maniera molto superficiale), quindi ero super interessato. Inoltre l'impronta così pratica al tema gli ha conferito una chiarezza rara per un talk da 1h. Veramente complimenti.

Emanuele Macri at 17:57 on 4 Apr 2022

Super interessante, ma imperdonabile l'errore Futurama/Simpson :D