• Web Design » Web Design » Grafica siti web e programmi

Quando un elemento grafico viene inserito come sfondo in una pagina HTML, esso viene ripetuto in orizzontale ed in verticale fino a riempire l’intera pagina qualunque siano le dimensioni dell’elemento e la risoluzione del monitor.

Ora guarda questi esempi:

Sviluppo di un'unità di sfondo ad una risoluzione di 640x480

Sviluppo unità di sfondo ad una risoluzione di 640x480 pixel

Ora osserva come si sviluppano le unità di sfondo precedenti ad una risoluzione maggiore, di 800x600:

Questa unità di sfondo si ripeterà per orizzontale e per verticale su una superficie maggiore.

Sviluppo dell'unità di sfondo della figura 1 ad una risoluzione di 800x600.

Anche questa unità di sfondo si ripeterà per orizzontale e per verticale su una superficie maggiore creando però l'inconveniente che puoi osservare in questa immagine.

Ripetizione dello sfondo

Sviluppo dell'unità di sfondo della figura 2 ad una risoluzione di 800x600.

Siccome i navigatori vedranno il tuo sito in tutti i tipi di risoluzioni, bisogna evitare che il tuo sfondo venga ripetuto sul loro monitor. Per risolvere questo problema e fare in modo che tutti, a qualunque risoluzione, possano visualizzarlo bene, basta realizzare uno sfondo più largo di 1024 pixel (ad esempio 1050) visto che la maggior parte dei monitor degli utenti internet non supera questa risoluzione.

In ogni caso, i contatori di statistiche del tuo sito ti sapranno indicare la risoluzione massima dei monitor dei tuoi visitatori.