Desarollo de software:
Programaciones individuales

Este artículo ha sido traducido al español de forma automática.

Sítoma

Una imagen (foto) de su sitio web se construye lentamente. No aparece de repente como una imagen completa, sino que se enrolla lentamente de arriba a abajo.

Causa

El archivo de imagen es mucho más grande que el tamaño de imagen que desea visualizar. No se redujo al tamaño adecuado antes de que se incorporara en el sitio web. En cambio, simplemente pones una declaración en qué tamaño debe representarse la imagen. Pero el navegador aún debe cargar el archivo de imagen completo, demasiado grande.

Ejemplo: su foto fue tomada con una cámara digital de 5 megapíxeles (en una relación de aspecto típica de 4: 3, corresponde a una imagen de aproximadamente 2600 x 1950 píxeles de tamaño). Para garantizar la mejor calidad posible, las cámaras digitales almacenan la imagen con poca compresión de datos. Por lo tanto, las fotos digitales generalmente tienen varios megabytes de tamaño, p. 3 MB. La imagen se debe mostrar en el sitio web, pero solo con 400 x 300 píxeles, por lo que con alrededor de 1,2 megapíxeles. Por lo tanto, su archivo de imagen contiene más de cuatro veces la cantidad de datos necesarios para mostrarse en el sitio web. Finalmente, su compresión de datos en la cámara es baja. En un sitio web, el archivo se puede comprimir mucho más. Un tamaño de archivo típico para el ejemplo sería de aproximadamente 80 a 120 KB en formato JPEG. Una imagen formateada correctamente para el sitio web solo ocuparía aproximadamente 1/30 del espacio del archivo de imagen original. En consecuencia, se carga rápidamente, es decir, 30 veces más rápido que el archivo original.

Solución

Utilice un editor de imágenes para reducir su archivo de imagen a exactamente el número de píxeles realmente necesarios para el renderizado. Almacene la imagen en un formato con compresión de datos, p. JPEG. Solo entonces importas la imagen a tu sitio web.

Resumen de las preguntas más frecuentes