¿Hay un tamaño ideal para las imágenes de fondo?

Question

Por ejemplo, sería una carga imagen 1x1 más rápido que un 2x2? El tamaño sería menor, pero el navegador tendría que trabajar el doble, ¿verdad?

Así pues, hay un tamaño y forma (cuadrada vs rectángulo) para imágenes de fondo ideal?

Yo sé que no es probable que sea demasiado importante, pero estoy interesado en saber.

Gracias

Answer 1

No creo que hay un tamaño 'ideal' para su imagen.

A pesar de la calidad de la imagen tendrá un papel importante en el tiempo de descarga. Una imagen con colores vivos incrustados será pesada en tamaño en comparación con los otros con la misma dimensión.

Por último, la elección de una imagen de fondo por completo depende de su necesidad . Si necesita una imagen con 2 * 2 a continuación, usted tiene que incluir.

Si usted necesita para optimizar el rendimiento de un sitio usando un montón de imágenes de fondo a continuación, puede echar un vistazo a

CSS sprites

y algunas herramientas para la optimización de la imagen

12 Really Useful Herramientas de optimización de la imagen para diseñadores web

Answer 2

Me di cuenta de que el embaldosado imágenes muy pequeñas (por ejemplo, 1 × 1 o 2 × 2) es muy lenta en muchos navegadores. Ya que con la mayoría de formatos de imagen comprimidos casi no hay inconveniente de ser más grande con repeticiones Creo que al menos para las imágenes de mosaico se debe optar por las imágenes alrededor de al menos 50 x 50 píxeles para reducir la complejidad de dibujo en la UA.

Answer 3

Es una pregunta interesante. Habría que preguntar a cada uno de los proveedores de navegadores, ya que cada uno tiene diferentes maneras de representar imágenes.

Pero, en realidad, ignorando el tiempo de descarga ninguna diferencia en el tiempo de renderizado será insignificante, por lo que tiene sentido utilizar sólo una imagen más pequeña si es posible.

También voy a señalar lo obvio que si usted está utilizando una imagen de 1x1 repetir, entonces debería usar un color de fondo en su lugar.

Answer 4

El tamaño ideal sería diferente de un navegador a otro, de un sistema a otro.

Evitar por lo que es demasiado pequeño o demasiado grande. Una imagen de fondo del tamaño de 1x1 puede tener problemas de representación en algunos navegadores. Al menos debe hacerlo unos pocos píxeles en cada dimensión.

Recuerdo que Netscape 4 se negó a repetir las imágenes si fueran menos de algo así como diez píxeles de ancho. Los navegadores de hoy son menos sensetive, pero todavía no tiene sentido para hacer que las imágenes demasiado pequeño.

La compresión de imágenes (por lo menos para imágenes GIF y PNG) se basa en la repetición, por lo que si usted hace la imagen más grande repitiéndolo, el tamaño de la imagen extra se agregará muy poco para el tamaño del archivo.

Answer 5

Sólo tener en cuenta: si usted está tratando de acelerar la descarga, la sobrecarga de la descarga de la imagen frente a 1x1, por ejemplo, 10x10, es insignificante, especialmente para las imágenes comprimidas con decencia - tanto para el cliente y el servidor

Por lo tanto, dado que la prestación es definitivamente más rápido / mejor con 10x10, vaya para un tamaño de imagen más grande.