¿Qué se cargará el navegador más rápido una imagen de 1000px x 1px, o 1px por imagen de 1000px?

Question

Parece que, dado que la imagen es solo una parte de los datos que será la misma, pero no soy concluyente en esto porque no estoy seguro de cómo el navegador realmente representa la imagen.

Además, ¿qué formato de imagen para una imagen de un solo color cargará el más rápido?

Answer 1

Además, ¿qué formato de imagen para una imagen de un solo color cargará el más rápido?

Si vas a cargar un solo color, es probable que use un elemento con background: #HEX; Será algo más rápido, ya que no necesitará cargar la imagen real.

Editar#1:

Creé dos imágenes JPG negras, 1000x1 y 1x1000, ambas terminaron con el mismo tamaño (399 bytes).

Más adelante, creé una imagen PNG de 1000x1, así como una imagen GIF 1000X1 (ambas llenas de negro), resulta que los tamaños fueron los siguientes:

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

Ganador: la imagen GIF, con 33 bytes menos datos que la imagen PNG. Si carga 1000 imágenes como las utilizadas en la prueba, la sobrecarga con el formato PNG equivaldrá a 33 000 bytes (o 32.22 kilobytes Si prefiere ese formato).