Sviluppo web Blog Tutorial vari sul mondo dello sviluppo web ed internet

Ridimensionare correttamente le immagini

Ridimensionare le immagini correttamente può salvare molti byte di dati

Dettagli

Qualche volta capita di volere visualizzare la stessa immagine in diverse dimensioni, di conseguenza si include una risorsa singola nel documento e si utilizzerà l'HTML o il CSS nella pagina contenente per ridimensionarla.

Per esempio si può avere una miniatura 10 x 10 di un'immagine più grande 250 x 250 da visualizzare, e invece che forzare l'utente a scaricare due file separati, si utilizza il markup per ridimensionare la versione miniaturizzata.

Tutto questo ha senso se la dimensione dell'immagine scaricata coincide con le dimensioni di almeno una - la più larga - delle istanze nella pagina, in questo caso 250 x 250 pixel.

Altrimenti se si inserisce un immagine più grande delle dimensioni utilizzate nella pagina si stanno inviando byte non necessari nella rete.

Si dovrebbe utilizzare un image editor per ridimensionare correttamente le immagini alle dimensioni dell'immagine più grande visualizzata nella pagina ed essere sicuri che poi nella pagina vengano impostate quelle dimensioni correttamente.

Link al documento originale in lingua inglese (Serve scaled images)

Potrebbe interessarti anche:

• Ottimizzazione della cache (1)
• Minimizzazione del CSS (0)
• Minimizzazione del codice HTML (0)

About Alessandro

Mi interesso di web editing, seo e rich internet application