Quale sarà 1000px x un'immagine 1px il carico browser più veloce, o 1px per immagine 1000px

Question

Sembra che da quando l'immagine è solo un pezzo di dati che sarà la stessa cosa, ma io non sono conclusive su questo perché io non sono sicuro di come il browser in realtà rende l'immagine.

Inoltre, quale immagine formato per l'immagine di un unico colore caricherà il più veloce?

Answer 1

Inoltre, quale immagine formato per l'immagine di un unico colore caricherà il più veloce?

Se avete intenzione di caricare un singolo colore, è probabile che l'utilizzo di un elemento con background: #HEX; sarà un po 'più veloce, in quanto non sarà bisogno di caricare l'immagine reale.

Modifica # 1:

ho creato due jpg immagini in bianco, 1000x1 e 1x1000 -. Sia finito per la stessa dimensione (399 byte)

Più in là, ho creato un 1000x1 png-immagine, così come una 1000x1 immagine gif (entrambi pieni di nero) - Si scopre che le dimensioni sono state le seguenti:

PNG-image: 96 bytes
GIF-image: 63 bytes

Vincitore: Il GIF-immagine, con 33 byte meno dati del PNG-immagine. Se si caricano 1000 immagini come quelli utilizzati nel test, l'overhead utilizzando il formato PNG sarà pari a 33 000 bytes (o, se si preferisce 32.22 kilobytes quel formato).