|
"Sepa
cómo conseguir que su sitio no demore como consecuencia
de pesadas imágenes al ser cargado por los usuarios".
Muchas
veces el alto tiempo que un sitio demora en cargar es el detonante
para que los usuarios del mismo se harten de la espera y lo
abandonen para irse al de los competidores.
Una
de las razones de estas demoras radica en el tamaño
y la resolución de sus imágenes. Sepa cómo
lograr el equilibrio para que su sitio web no carezca de ilustraciones
y fotografías, ni redunde en un alto tiempo de espera
para cargarse en los ordenadores de sus usuarios.
No
es correcto asegurar que la demora en la carga de las páginas
de su sitio sólo radica en el peso de las imágenes.
La codificación básica de la página y
los scripts que son usados en la misma también son
factores que, de no ser correctamente trabajados, pueden ser
causantes de retrasos en la carga. En esta nota sólo
nos ocuparemos de la optimización de imágenes.
Formatos
de imágenes
Son
muchos los formatos utilizados por los webmaster, pero aquellos
que encontramos en mayor grado son los JPEGs y los GIFs.
"JPEG"
JPEG
son las siglas de Joint Photographic Experts Group,
el nombre del grupo que creó este formato. JPEG es
un formato de compresión de imágenes, tanto
en color como en escala de grises, con alta calidad (a todo
color).
Se
considera que el formato JPEG es el mejor para fotografía
digital, además, la mayoría de los exploradores
actuales soportan este formato.
El
formato de archivo JPEG es muy nuevo, y puede manejar fácilmente
millones de colores. El inconveniente inicial de las imágenes
con este formato es que realmente contienen muchos más
colores, y cada color requiere de algo de código a
mostrar, haciendo así que el archivo posea un mayor
tamaño.
"GIF"
GIF
son las siglas de Graphics Interchange Format,
un formato de compresión de imagen limitado a 256 colores.
Los
archivo tipo GIF utilizan un algoritmo de compresión
de datos que está patentado, mientras que el formato
PNG no está patentado y no necesita licencia para su
utilización. Es por ello que Internet ha aprobado al
formato PNG como sustituto del GIF, ya que sus funcionamientos
son muy similares.
Tanto
el GIF como el PNG son los mejores formatos para mostrar fotografías
e ilustraciones con grandes bloques sólidos de color
e imágenes con dimensiones físicas muy pequeñas.
El formato GIF producirá tamaños de imagen más
pequeños que los JPEG.
La
mayoría de los exploradores actuales soportan este
formato.
CompuServe,
el creador de GIF, diseñó esta extensión
para su servicio, por lo cual este formato se ve limitado
en cuanto a las resoluciones de pantalla y las profundidades
en color.
El
formato GIF trabaja mostrando píxeles de distintos
colores demasiado cerca uno del otro como para ser distinguidos
separadamente por la vista humana. Con este método
engaña al ojo del usuario y éste, por ejemplo,
en lugar de ver un píxel blanco junto a uno negro,
ve uno de color gris.
Debemos
conocer para qué tipo de imágenes e ilustraciones
son óptimas estas dos extensiones (GIF y JPEG), ya
que cada una tiene sus fortalezas y debilidades y una cumple
mejor con algunos tipos de archivos de imagen que la otra.
Por eso, en la mayoría de las páginas de Internet
nos encontramos con que no se utiliza un formato único,
sino una combinación de estos dos.
¿Cómo
utilizar las imágenes para "alivianar" las
cargas?
La
forma en que las imágenes son utilizadas va más
allá de su formato. Por eso la cantidad de imágenes
que se colocan y el tamaño de las mismas también
influirán en el peso de su sitio.
Coloque
en su sitio sólo las imágenes que necesita y
a éstas, en el menor tamaño posible y con la
menor resolución aceptable (a no ser que su sitio se
sustente en sus imágenes, como por ejemplo un sitio
de fotografía).
Existen
dos formas de reducir el peso de las ilustraciones y las fotografías
que muestra su sitio:
-
Reducir las dimensiones físicas de la imagen:
Esta es la manera más fácil de reducir el tamaño
o peso de una imagen. Diciéndolo resumidamente, mientras
menor es el tamaño físico de una imagen, ésta
es más liviana y su carga más rápida.
Si una imagen tiene 50 píxeles de alto por 50 píxeles
de ancho, tenemos una imagen de 2500 píxeles. Al reducir
las medidas de esta imagen a la mitad y llevarla a 25 píxeles
de alto por 25 de ancho, el tamaño de la misma se abreviará
a 625 píxeles. La imagen más pequeña,
que es sólo un cuarto de la original, será mucho
más fácil de cargar, ya que la diferencia de
tamaño es muy considerable.
-
Reducir el monto de código que es requerido para mostrar
la imagen.
|
