Cómo trabajar las imágenes para lograr un sitio indexable (parte 1)
Tratamos en esta primera entrega los distintos tipos de gráficos existentes para el diseño de un sitio web y qué ventajas comparativas tienen respecto a los demás formatos. Optimizar las imágenes es indispensable para lograr un sitio de fácil navegación.
11 de noviembre · 490 palabras
En el diseño web, a menudo se subestima la importancia de las imágenes y se las considera estéticas. Sin embargo, las imágenes son un componente vital de una página ya que determinan los tiempos de carga debido a su tamaño de archivo en kilobytes o megabytes.
Los tres formatos universales son gif, jpeg y png, excluyendo BMP y TIFF por su excesivo peso. Un gráfico de 500 píxeles por 375 píxeles en formato png tiene un peso de 361 kb, mientras que en formato gif pesa 54.21 kb y en formato jpeg 69.03 kb.
El formato gif fue creado en 1987 por CompuServe para reducir los tamaños de los archivos de gráficos sin sacrificar la cantidad de colores ni la calidad de imagen.
Las imágenes de formato gif eran más comprimidas que los bmp, por lo que la reducción de tamaño era una ventaja en momentos donde la mayoría de los usuarios tenían conexiones con poco ancho de banda. Los archivos gif también permiten gráficos animados.
Por lo tanto, se debe tener en cuenta el peso de las imágenes al diseñar un sitio web para garantizar un tiempo de carga adecuado.
A menudo, tendemos a minimizar la importancia de las imágenes en el diseño general del sitio. O si pensamos en ellas, lo hacemos desde un punto de vista estético.
Pero las imágenes son uno de los componentes más importantes de una página. En realidad, las imágenes son las que le dan el peso al sitio en cuanto al tamaño del archivo que ocupan, medido en kilobytes o megabytes, porque lo que pesa es el contenido; el código, es decir la estructura lógica del sitio, es despreciable.
En consecuencia, las imágenes que incluyamos en nuestro diseño son cruciales a la hora de determinar los tiempos de carga. Los formatos admitidos universalmente son tres: gif, jpeg y png.
Otros formatos como bmp o tiff fueron rápidamente descartados por su excesivo peso final. Como muestra (los valores son relativos a la resolución, es decir la cantidad de puntos de color por pulgada), un gráfico de 500 píxeles por 375 píxeles en formato png pesa 361 kb. El mismo archivo, en formato gif, pesa 54,21 kb (seis veces menos) y en formato jpeg 69,03 kb (apenas un poco más que en formato gif).
Las imágenes gif deben su nombre a las primeras letras de su denominación original: Graphics Interchange Format. El formato fue creado por una empresa llamada CompuServe allá por 1987 (CompuServe, para los curiosos, fue el primer gran proveedor de servicios de internet en la década de los ochenta). La idea era crear un formato que redujera los tamaños de los archivos de gráficos (que hasta ese momento eran bmp, o bitmaps, de allí su nombre, o mapas de bits), pero sin sacrificar cantidad de colores ni calidad de imagen. Las imágenes en formato gif llegaban a ser más comprimidas que los bmp, lo cual redundaba en un menor tamaño, a igualdad de prestaciones. Lograr tal reducción era una imposición en momentos en que la mayoría de los usuarios disponían de conexiones con poco ancho de banda, basadas en los módems telefónicos, que no superaban los 54 kilobytes por segundo.
Otra ventaja de los archivos gifs es que permiten lograr gráficos animados. Nada espectacular, no creas que lograrás una película con un gráfico gif, pero puedes alcanzar pequeñas animaciones. Un ejemplo muy claro son los emoticones, esos pequeños iconitos que saludan o guiñan un ojo. Con sus limitaciones, constituyen una posibilidad interesante para lograr movimiento en un sitio.
Veremos en qué caso aplicar cada formato y qué ventajas comparativas tienen.
Continuamos con las explicaciones en la segunda parte de este artículo.
Si le ha gustado este post y quiere colocarlo en su sitio, puede hacerlo sin inconvenientes, siempre y cuando cite como fuente a www.vpa-internet.com.ar/blog.
Víctor Pérez Acosta
Consultor en Marketing en Internet y Posicionamiento Web
Visite nuestro blog sobre Marketing en Internet
Sobre el autor
Victor Perez Acosta es un consultor en estrategias / marketing en internet y propietario de VPA-Internet.com.ar , donde comparte información de extrema calidad relacionada con las...
135 artículos · 234.654 lecturas
Artículos relacionados
API de Twitter y JavaScript: mostrar los últimos tweets de cualquier usuario
Con solo tres líneas de código JavaScript puedes mostrar tus últimos...
Tipos de websites
Existen varios tipos de websites que actualmente se usan ampliamente en internet. Se ha...
Características de un blog
Mediante un formulario se permite a otros usuarios de la web añadir comentarios a...
Diseño efectivo del esquema de un portal
En el artículo se explica la importancia de diseñar esquemas efectivos para...
Servicio web para clínicas y hospitales
Este artículo está dirigido al personal directivo de instalaciones...
Elementos indispensables en el diseño de sitios web (ii)
Continuamos en este artículo con algunos consejos elementales para realizar un...