Narración Interactiva

Muchos de ustedes me pidieron que subiera el material que vimos en clases sobre las imágenes para web. Aquí hay algo de lo que vimos.

Recuerden que para web se utilizan 3 formatos:

• GIF
• JPG
• PNG
  

Para efectos de este curso, nos centraremos en el GIF y el JPG.

Entonces,

• Gif: Graphics Interchange Format. Creado por la empresa Compuserve. Es un nivel de compresión de las imágenes. Se utiliza especialmente para la web y aguanta hasta 256 colores . Ofrece la posibilidad de tranasparencia de sus colores y permite la generación de formatos animados a través de la inclusión de cuadros.
  La desventaja del Gif es que aguanta hasta 256 colores por lo que sólo es utilizable para colores planos. Cuando Compuserve, la empresa que creó los gifs, quiso ampliarse a millones de colores para hacerlos más completos, se dio cuenta que Unisys tenía las licencias de algunas partes del programa por lo que no podía hacerlo. Así, en 1995, salió un primo del gif: el formato PNG (Portable Networks Graphics) que se edita principalmente en Fireworks. En un principio se pensó que se extendería su uso más que los gifs pero no ha sido así.
  http://www.gif.com/



• Jpg: Joint Photographic Experts Group. Es una formato de compresión de imágenes que soporta millones de colores. Comienza en 1991 y se utiliza para imágenes de calidad fotográfica. Tiene un mayor, muchísimo mayor peso que el GIF. La gracia del jpg es que lo podemos recibir en un formato grande y bajarle el peso a través del sistema de compresión. NO AL REVES.
  http://www.jpeg.org

Recuerden que los gifs aguantan hasta 256 y esos 256 colores son los que forman la PALETA WEB. Esta paleta se creó en 1995 para los monitores de 256 colores que, por ese entonces, eran la norma. En realidad son 216 colores que son visibles for cualquier monitor (lo que se llaman colores seguros), y 40 colores restantes que son los que no se despliegan igual en MAC que en PC. Eso es lo que se llama DITHERING.

A su vez, cuando se creó la web, esta paleta se representó por ingenieros a través de una escala hexadecimal en que se representa matemáticamente el color. Esto es lo que se llama el COLOR HEXADECIMAL y en web usamos este color hexadecimal. ¿Qué significa esto? Que cada color tiene una representación alfanumérica que varía del 0 al F y que se presenta de acuerdo a los 3 canales de color en que se descomponen las imágenes para web: R (ROJO) G (GREEN) B (BLUE). Así están elaborados una serie de códigos que representan a los colores en el lenguaje html. Es decir, cada color se forman por la cantidad de rojo, azul y verde que lo forma y cada porcentaje de rojo, de azul o de verde tiene un código hexadecimal. La suma de esos códigos da el código final matemático del color que es el que se usará en html.

NO ES NECESARIO QUE SE LO APRENDAN. Aquí está la paleta:
http://www.colors4webmasters.com/safecolor/index.htm

¡Ojalá les haya servido esta explicación!

• Para más links vayan a la sección Imagen Digital: Photoshop del web del curso: http://cursos.puc.cl:82/ew26/inicio/uc/