Este documento proporciona consejos sobre el uso de imágenes en páginas web. Recomienda usar imágenes que proporcionen información, optimizar el tamaño de archivo para evitar una carga lenta, y equilibrar el tamaño del archivo con la calidad de la imagen. También discute los formatos JPG, PNG y GIF y cuando es mejor usar cada uno.
DIAPOSITIVAS LIDERAZGO Y GESTION INTERGENERACION (3).pptx
Imagenes en paginas web
1.
2. Bien sea para ilustrar la información contenida en nuestras páginas o
para integrar un largo texto o, por que no, por cuestiones estéticas, es
prácticamente imposible evitar colocar alguna que otra imagen en
nuestras páginas. Al emplear las imágenes debemos guiarnos por unas
cuantas reglas básicas:
Procurar que las imágenes sirvan para algo, que den información. Esta
es una de las razones por las que debemos usar los atributos ALT.
No pasarnos. La página no debe pesar demasiado. Un visitante que ve
como la página tarda en cargarse más de 15 o 20 seg lo más probable
es que se vaya y, lo que es peor, que no vuelva.
Procurar un equilibrio entre tamaño del archivo de imagen y calidad de
ésta. A veces una imagen muy grande requiere una compresión tal que
al final tenemos una calidad pésima. En estos casos debemos
plantearnos el tipo de imagen a usar.
3. Fíjate en las imágenes mostradas en tu
monitor. Estas imágenes están formadas por
unos puntos muy pequeños llamados pixel.
Si tu monitor fuera de aquellos en blanco y
negro utilizados en la época de los pioneros,
cada pixel podía estar encendido (color
blanco) o apagado (color negro). En los
monitores de color actuales cada pixel o
punto de pantalla no representa esos dos
únicos colores .
4. Usando este formato pueden almacenarse imágenes de hasta 24 bits de
color. Es recomendable para fotografías o imágenes con degradados.
Cualquier programa editor de gráficos permite guardar una imagen en
este formato con diferentes grados de compresión. Lógicamente cuanto
más comprimamos la imagen menor es su calidad. Si queremos imágenes
de alta calidad debemos soportar archivos de tamaños elevados.
Recientemente ha aparecido una variación de este formato denominada
JP2 o JPG2000, especialmente destinado a la red. Pero aún no es
admitido por todos los exploradores.
Este otro formato se usa para imágenes con hasta 256 colores ( 8 bits de
color). Frente a esta limitación nos ofrece la posibilidad de definir zonas
transparentes y además existe una variante que permite imágenes
animadas, muy útil para llamar la atención sobre algo en concreto como
puedan ser las novedades de nuestro sitio o un anuncio de algún
servicio. Pero conviene no abusar de las animaciones, son archivos muy
grandes y pueden llegar a resultar pesados. En nuestro
sitio Gifsanimados tienes una excelente colección para elegir
5. El formato PNG es el gran desconocido de internet, pese a su magnífico
comportamiento. Realmente existen varios formatos PNG: PNG8, que
almacena imágenes de hasta 256 colores, PNG24 para imágenes de 24
bits y PNG32 para imágenes de 32 bits. Permite transparencias como los
GIF y transparencia graduada (colores cuya opacidad van desde el 0%
hasta el 100%), aunque los exploradores no aprovechan esta utilísima
propiedad. Por contra no admiten animaciones.
6. Ese otro método de almacenar imágenes se basa en encontrar
funciones matemáticas para representar la imagen completa. Este
método no sólo se usa para figuras regulares (rectángulos, cuadrados,
círculos) también se puede usar para imágenes tipo fotografía. Si
alguno de los que lee estas líneas ha oído hablar de una cosa llamada
figuras de Mandelbrot sabrá que es eso de encontrar una función
matemática para representar la formas tan poco regulares como un
paisaje de montaña y similares. Estas imágenes dan una calidad
excelente y permiten ser escaladas (modificar su tamaño) sin pérdida
de calidad. Un ejemplo son los archivos DXF y otros usados en
programas CAD. Estos formatos no se usan en las páginas web.
7. 1. USA LA RESOLUCIÓN ADECUADA
Primero, esto se relativiza mucho si usas un buen ancho de banda para tu
servidor web (es decir, un buen hosting), cosa que deberías estar haciendo
de todos modos. Así el servidor no se resentirá fácilmente con páginas de
algo más de tamaño. Por otra parte, las imágenes que subas deberían estar
optimizadas para tener el mínimo tamaño posible, sin pérdidas de calidad
apreciables.
La optimización más básica y eficaz es adecuar la resolución de la imagen a
su uso en una web.
2. USA EL FORMATO ADECUADO
Una cosa que observo que prácticamente la totalidad de los bloggers hace
mal es no usar el formato de imagen más adecuado según el uso al que se
quiera destinar esa imagen.
Hay tres formatos principales que representan prácticamente al 100% de los
formatos usados en la web y que son los formatos JPG, PNG y GIF.
8. 3. OPTIMIZA LA IMAGEN (COLORES, NITIDEZ )
Optimizar una imagen no consiste solamente reducir sus dimensiones, sino
también en aplicar algoritmos inteligentes para (p . E . para conseguir
una nitidez óptima de las imágenes reducidas), escoger el formato
adecuado como he comentado arriba y reducir su paleta de colores.
4. USA LAS IMÁGENES PARA ESTIMULAR AL LECTOR
Vista la parte más técnica de cómo usar correctamente las imágenes en un sitio
web, hablemos de cómo usarlas para aumentar la afluencia de lectores a tu
sitio.
No se puede insistir lo suficiente en el gran potencial que tienen las imágenes
para estimular al lector y captar su atención, muy pocos blogs lo aprovechan.
En este mismo blog aún tenemos tarea por delante porque ciertamente
tampoco es una cosa que se implementa de un día para otro y requiere tener
claro cómo hacerlo que es lo que voy a detallar en los siguientes puntos.
5. MULTIPLICA EL IMPACTO EN LAS REDES SOCIALES
Así que vamos a empezar por unas técnicas que aún muy poco gente utiliza
pero, sin embargo, son extraordinariamente eficaces si las sabes implementar
bien. Y es que en los últimos años han aparecido una serie de nuevas
funcionalidades en las redes sociales que permiten aprovechar mucho mejor
el potencial inherente a las imágenes para captar la atención del lector en estos
9. 6. PROVECHA LAS IMÁGENES PARA EL SEO
Mucha gente no es consciente de que no sólo se posiciona el contenido, sino
también las imágenes. De hecho, Google considera entre sus 200 factores de
posicionamiento también aquellos relacionados con las imágenes.
7. USA FUENTES DE CALIDAD Y RESPETA LOS DERECHOS DE AUTOR
La última técnica, o mejor dicho, principio en este caso es que cuides mucho
la calidad de tus imágenes. Si aplicas las técnicas anteriores con imágenes
de baja calidad éstas perderán gran parte de su eficacia o incluso la perderán
por completo.
Calidad quiere decir que la imagen sea buena, creativa, capaz de llamar la
atención (positivamente), etc. y tenga un buen acabo (se vea nítida, etc.)