Dal corso: Formazione essenziale su HTML

Sblocca questo corso con una prova gratuita

Iscriviti adesso per accedere a oltre 23.200 corsi tenuti da esperti del settore.

Foto dinamiche

Foto dinamiche - Tutorial HTML

Dal corso: Formazione essenziale su HTML

Inizia la prova gratuita di 1 mese Acquista per il team

Foto dinamiche

“

- Negli ultimi due video, ti ho mostrato la fonte impostata nell'attributo sizes per l'elemento immagine e come potrebbero essere utilizzati per fornire più file di immagine al browser e lasciare che decida quale caricare e visualizzare. In tutti questi esempi, l'immagine stessa, la foto di un cane era la stessa fotografia. Era stato salvato come molte copie diverse con più pixel o meno pixel, ma il contenuto della foto era lo stesso per tutto il tempo. Il modo in cui è stato ritagliato, le sue proporzioni. Ma cosa succede se vogliamo fare di più che scambiare un file a bassa risoluzione con un file ad alta risoluzione? Cosa succede se vogliamo usare un'immagine diversa su un piccolo schermo rispetto a un grande schermo? Forse vogliamo che l'immagine sia alta e stretta sui dispositivi mobili dove è corta e larga sul desktop. O anche usare una foto completamente diversa. Diamo un'occhiata a un altro esempio. Che ne dici di questa foto, su grandi schermi, mostrerà parte del campo e…

Contenuti