C'è una dimensione ideale per le immagini di sfondo?

Question

Per esempio, sarebbe un carico un'immagine 1x1 più veloce di una 2x2? Le dimensioni sarebbe più piccolo, ma il browser avrebbe dovuto lavorare il doppio, giusto?

Quindi, c'è una dimensione ideale e la forma (quadrata vs rettangolo) per le immagini di sfondo?

Lo so che probabilmente non è troppo importante, ma io sono interessato a conoscere.

Grazie

Answer 1

Non credo che ci sia una dimensione 'ideale' per la vostra immagine.

Anche se la qualità dell'immagine avrà un ruolo nel tempo di download. Un'immagine con colori ricchi incorporati sarà pesante in termini di dimensioni, rispetto ad un altro con la stessa dimensione.

Infine, la scelta di un'immagine di sfondo del tutto dipende dalla vostra esigenza . Se avete bisogno di un'immagine di 2 * 2 quindi è necessario includere questo.

Se è necessario ottimizzare le prestazioni di un sito utilizzando un sacco di immagini di sfondo, allora si può dare un'occhiata a

CSS sprites

e alcuni strumenti per l'ottimizzazione delle immagini

12 Strumenti di ottimizzazione immagine Really Useful per i web designer

Answer 2

Ho notato che la piastrellatura immagini molto piccole (ad esempio 1 × 1 o 2 × 2) è molto lenta in molti browser. Dal momento che la maggior parte dei formati di immagine compressi non v'è quasi nessun svantaggio di essere più grande, con ripetizioni a mio avviso, almeno per le immagini di piastrelle si dovrebbe optare per le immagini in tutto almeno 50 × 50 pixel per ridurre la complessità di disegno nella UA.

Answer 3

Domanda interessante. Dovreste chiedere a ciascuno dei produttori di browser, dal momento che ogni hanno modi diversi di rappresentazione delle immagini.

Ma in realtà, ignorando il tempo di download alcuna differenza nel tempo di rendering sarà trascurabile, quindi ha senso utilizzare solo un'immagine più piccola, se possibile.

Sarò anche sottolineare l'ovvio che se si sta utilizzando un 1x1 ripetendo un'immagine allora si dovrebbe utilizzare un colore di sfondo, invece.

Answer 4

La dimensione ideale può essere diverso da un browser all'altro, da un sistema all'altro.

Evita di fare troppo piccolo o troppo grande. Un'immagine di sfondo del 1x1 formato può avere problemi di rendering in alcuni browser. Si dovrebbe almeno fare un paio di pixel in ogni dimensione.

Mi ricordo che Netscape 4 ha rifiutato di ripetere le immagini se fossero meno di qualcosa come dieci pixel di larghezza. I browser di oggi sono meno sensetive, ma ha ancora senso di non rendere le immagini troppo piccole.

La compressione delle immagini (almeno per le immagini GIF e PNG) si basano sulla ripetizione, quindi se si effettua l'immagine più grande ripetendola, la dimensione dell'immagine in più aggiungerà molto poco per la dimensione del file.

Answer 5

Basta notare: se si sta cercando di accelerare il download, l'overhead di scaricare immagini 1x1 contro, per esempio, 10x10, è trascurabile, soprattutto per le immagini compresse decentemente - sia per il client e il server

Pertanto, dal momento che il rendering è decisamente più veloce / meglio con 10x10, andare per una dimensione dell'immagine maggiore.