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.

Immagini dinamiche

Immagini dinamiche

- A volte, vogliamo visualizzare un'immagine grande, bella e ad alta risoluzione per le persone con grandi schermi e poi, ridurla molto verso il basso per le persone sui telefoni, su piccoli schermi. CSS può farlo. Un file immagine può essere mostrato a qualsiasi dimensione. Ma c'è un problema. Una grande immagine ad alta risoluzione contiene milioni di pixel. E tutti quei dati possono rendere la dimensione del file piuttosto grande. Il che richiede molto tempo per il download su una connessione di rete lenta e può utilizzare i piani dati delle persone e, in alcuni mercati, costare loro un sacco di soldi. Non vogliamo fornire dati ad alta risoluzione non necessari a schermi di piccole dimensioni. Invece, forse dovremmo semplicemente rendere tutte le nostre immagini molto, molto più piccole. Fisicamente più piccoli, meno dati colorati, meno pixel, più compressi, che funzioneranno bene per uno schermo più piccolo. Ma poi se inviamo quel file a tutti, le persone con grandi monitor…

Contenuti