Transcript Capitulo 03 - Comprension y Formato de Imagenes

Capacitación de Herramientas para
el Desarrollo WEB
Modulo III- Compresión y Formato de Imágenes
Sesión #1
María Paz Coloma M.
[email protected]
Compresión y formatos de Imágenes
Contenidos
• Diferencias entre distintos formatos de
imágenes.
• Criterios para usar un formato determinado.
• Como formatear las imágenes para la
páginas web.
• Software para la manipulación de imágenes.
Diferencias entre distintos formatos de
imágenes
• El formato define la manera en cómo se
codifican y almacenan dentro de un archivo.
• Dentro de los tipos de imágenes tenemos:
– Vectoriales: es una descripción matemática de
una forma geométrica. Los trazados de vectores
se definen con puntos. Su calidad no se degrada
al ser modificada de tamaño.
– Mapa de Bits: esta compuesta por una cuadrícula
de pixeles de color. Dependen de la resolución.
Diferencias entre distintos formatos de
imágenes
• Los dos formatos estándar son:
– GIF(Gráphics Interchange Format):
• Permite almacenar 256 colores.
• Puede contener varias imágenes en un
mismo archivo para realizar efectos de
animación.
• Utiliza compresión sin pérdida.(LZW)
• Soporta entrelazado.
• Soporta Transparencia.
Diferencias entre distintos formatos de
imágenes
• Los dos formatos estándar son:
– JPEG(Joint Photographic Expert Group):
• Imágenes de alta definición.
• Colores de 24 bits.
• Utiliza mecanismo de compresión con
pérdida.
• Mejor capacidad de compresión.
Diferencias entre distintos formatos de
imágenes
Formato Gif
Formato JPEG
Consideraciones sobre los Formatos.
•Existen problemas de patente con el
algoritmo de compresión de los archivos
GIF.(Unisys)
•Existen problemas de animación,
transparencia, texto en imágenes para los
archivos JPG.
•PNG es un nuevo formato que combina las
mejores características de los formatos
anteriores.
Cómo formatear las imágenes para páginas
web
• Se debe considerar que cada imagen
involucra abrir una conexión con el servidor
web.
• El peso incide en el tiempo de descarga de la
página.
• No todos los usuarios tienen una conexión
rápida.
Software para la manipulación de Imágenes
•
•
•
•
Photoshop
FireWorks(PNG)
The Gimp
PaintShop Pro
Links
• Aspectos legales de GIF
http://www.unisys.com/about__unisys/lzw/index.htm
http://www.sindominio.net/biblioweb/telematica/nogifs.html