Ponemos imágenes en la página
Para tratar las imagenes necesitamos un programa, por ejemplo nosotros habitualmente utilizamos el Irfan Para Appel hay otro programa para manipular imágenes : Lemke Software
Algunos consejos ...
Procura que sean pequeñas
Las imágenes pequeñas se descargan más rápido, y conforme más rápido se descarga la página es más probable que la gente se quede. Un buen tamaño máximo para una imagen son 10K. Tenemos diferentes medios para mantener las imágenes chicas : - Utilizar JPeG imágenes para fotografias y GIF para imágenes con colores simples. - Recortar las fotos para que solo se vean las partes importantes. - Con imágenes GIF utilizar el mínimo número de colores. - Con imágenes JPeG comprimirlas tanto como se pueda.
Reduce su tamaño con el programa que tengas de gráficos(no con el navegador)
Cuando utilizas los atributos width y height para redimensionar tus imágenes, disminuyes la velocidad con que el navegador puede mostrarlas. El navegador tiene que gastar tiempo en determinar como tiene que mostrar la imagen, y esto es un tiempo en que mucha gente va a abandonar tu sitio.
Siempre incluye la descripción alt
Si tu página tiene muchas imágenes, el alt texto se mostrara primero permitiendo que se sepa primero que es lo que van ha encontrar. Además el texto alt es soportado por navegadores de texto y navegadores de voz. Y tambien se puede utilizar para dar más información relativa a la imagen, tal como el copyright o el origen.
.JPEG versus GIF
Jpeg Joint Photographic Experts Group (jpg)pronunciese en inglés Jay Peg es el mejor formato para reducir el tamaño de los ficheros, pudiendo llegar hasta un 90%.
JPEG es el formato de fichero conocido por el perdedor, queriendo decir con esto, que cada vez que se salva una imagen con el formato .jpg parte de su calidad se pierde. No es aconsejable guardar una imagen como .jpg 2 o más veces. Una imagen jpg puede haber sido salvada de forma standard o progresiva. La opción Standard es la mejor para ficheros pequeños de alrededor de 20k, para ficheros mayores es mejor que estos hayan sido grabados de forma progresiva, de esta manera en los navegadores se va mostrando de menor a más detalle conforme se va descargando.
Jpeg se tiene que escoger para fotografias o imagenes en que sus colores varian gradualmente, en cambio este formato no es el adecuado para imagenes donde hay grandes bloques de colores sólidos(especialmente el rojo). El formato jpg hace que los bloques de colores aparezcan llenos de manchas que son llamadas artefactos, estos se generan cuando no hay suficientes diferentes colores o cuando queremos comprimir en demasia.
En cambio con una fotografia obtenemos mejor calidad y menor tamaño con el formato jpg que con el formato gif
Diversos formatos de ficheros
TIFF - Tag Image File Format Es es el formato idóneo para imagenes importantes en las que nos importa la calidad con que las hemos guardado. Es el formato más universal y mejor soportado en diferentes plataformas: Mac, Unix, Windows. TIFF usa el sistema de compresión LZW (Lempel-Ziv-Welch) de un par de israelís que lo inventaron, que no genera perdida de información.
PNG - Portable Network Graphics pronunciese en inglés ping PNG nace con la idea de sustituir el anterior metodo de compresión (LZW) pero esat vez libre de tener que pagar royalties. Es un formato un poco más lento a la hora de leer o escribir, por una serie de filtros que tiene. Genera ficheros de un tamaño un 25% menores que con la compresión TIFF o en GIF.
Graphic Interchange Format (GIF) Este formato fue desarrollado por CompuServe Este utiliza un indice de colores que esta limitado a un máximo de 256 colores, es un excelente formato para gráficos. GIF ofrece opcionalmente backgrounds transparentes, esto se obtiene a la hora de salvar como GIF indicando que color de la paleta queremos que sea transparente.Solo podemos tener un color que sea transparente, por eso tenemos que igualar todo el fondo del objeto fotografiado a un solo color. Una vez hecho esto salvar la imagen indicando que queremos ese color del fondo transparente.
Interlacing es una opción que nos permite ver en los navegadores la imagen entera en baja cualidad mientras va mejorando se va descargando, pero genera ficheros algo mayores. En la Web un background transparente requiere un fichero de formato GIF
Para incluir una imagen utilizamos el marcador IMG Para tener un html correcto solo es necesario indicar el atributo: SRC. Este indica al navegador donde encontrar la imagen. Pero sin embargo para conseguir que nuestra páginas sean verdaderamente usables , se tiene que incluir tambien los atributos HEIGHT,WIDTH, y ALT.
Un marcador de imagen correcto se parece ha algo como esto :
<img src="dibujo.gif" width="10" height="10" alt="texto alternativo">
Esta página la hemos elaborado a partir de material en inglés de Jennifer Kyrnin en ABOUT y otro material encontrado en la página de los creadores del Paint Shop. Tambien hemos extraido información de una página de Wayne Fulton sobre trucos para escanear documentos.