En el trabajo de optimización de un sitio web, nunca se debe dejar de lado el contenido estático, incluidas las imágenes.
Algunas mejoras sencillas, de hecho, pueden reducir drásticamente el tiempo de descarga de un sitio web, sin comprometer la calidad
El canal YouTube de GoogleWebmasterHelp nos ofrece una serie de consejos útiles para acelerar la carga de los elementos gráficos de nuestra web.
Nosotros sugerimos estos sencillos pasos:
1. Cortar el exceso de espacio blanco de una imagen.
2. Utilizar el mejor formato de imagen. Para las imágenes que contienen ilustraciones o material gráfico plano, utilizar el formato de 8-bits PNG o GIF, y reducir el número de colores en la paleta.
Algunos programas como PhotoShop, tienen la opción "guardar la imagen para el web" que hace que sea más sencilla la optimización de la configuración de la misma. Reduciendo la paleta de colores de 256 a, por ejemplo 32, disminuye significativamente el tamaño de la imagen.
Obviamente, menos colores tendrá la imagen, menor será su tamaño.
Por las imágenes muy detalladas y con muchos colores se utilizan normalmente los formatos JPG y PNG de 24 bits, ya que ofrecen una gama de colores mucho más amplia. Las imagenes PNG de 24-bit sin duda, tienen una calidad superior y una carga más lente. Siempre que sea posible, por lo tanto, se recomienda el uso del formato JPG, ajustando la calidad de la imagen para no comprometer el rendimiento.
Para una comparación entre formatos, mirad la lista:
PNG-8, 256 colors - 37K
GIF, 256 colors - 42K
PNG-24 - 146K
Recordamos que también existe la posibilidad de utlilizzare el "Progressive mode", una función de las imágenes JPG, que genera y transmite las diferentes versiones de la imagen empezando con una primera versión de baja calidad y añadiendo detalles en las versiones posteriores. Este método, como se puede imaginar, conlleva un aumento del tiempo de descarga de la imagen.
Las imágenes en formato PNG tienen una función similar llamada "entrelazado". Recomendamos desactivar esta función para que la descarga de la imagen sea más rápida.
by
Janeth Kent Date:
11-04-2013
visitas :
3504
Janeth Kent
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.
MENSAJE
OPERACIÓN EJECUTADA
Utilizamos cookies propias y de terceros para mejorar nuestros servicios, elaborar información estadística y analizar tus hábitos de navegación. Esto nos permite personalizar el contenido que ofrecemos y mostrarte publicidad relacionada con tus preferencias. Clicando en ‘Acepta todas’ aceptas el almacenamiento de cookies en tu dispositivo para mejorar la navegación en el sitio web, analizar el tráfico y ayudar en nuestras actividades de marketing. También puedes seleccionar ‘Sólo cookies de sistema’ para aceptar sólo las cookies necesarias para que la web funcione, o puedes seleccionar las cookies que quieres activar clicando en ‘Configuración’
Estas cookies son necesarias para que el sitio web funcione y no se pueden desactivar en nuestros sistemas. Por lo general, solo se configuran en respuesta a sus acciones realizadas al solicitar servicios, como establecer sus preferencias de privacidad, iniciar sesión o completar formularios. Puede configurar su navegador para bloquear o alertar sobre estas cookies, pero algunas áreas del sitio no funcionarán. Estas cookies no almacenan ninguna información de identificación personal.
Cookies de rendimiento
Estas cookies nos permiten contar las visitas y fuentes de tráfico para poder evaluar el rendimiento de nuestro sitio y mejorarlo. Nos ayudan a saber qué páginas son las más o las menos visitadas, y cómo los visitantes navegan por el sitio. Toda la información que recogen estas cookies es agregada y, por lo tanto, es anónima. Si no permite utilizar estas cookies, no sabremos cuándo visitó nuestro sitio y no podremos evaluar si funcionó correctamente.
Cookies funcionales
Estas cookies permiten que el sitio web proporcione una mejor funcionalidad y personalización. Pueden ser establecidas por nuestra empresa o por proveedores externos cuyos servicios hemos agregado a nuestras páginas. Si no permite utilizar estas cookies, es posible que algunos de estos servicios no funcionen correctamente.
Cookies dirigidas
Estas cookies pueden ser establecidas a través de nuestro sitio por nuestros socios publicitarios. Pueden ser utilizadas por esas empresas para crear un perfil de sus intereses y mostrarle anuncios relevantes en otros sitios. No almacenan directamente información personal, sino que se basan en la identificación única de su navegador y dispositivo de Internet. Si no permite utilizar estas cookies, verá menos publicidad dirigida.