Distintos formatos estándar Distintos formatos estándar de imágenes utilizables entre de imágenes utilizables entre diversos programas gráficos diversos programas gráficos

Ing.Armando Mtz.R.Ing.Armando Mtz.R.

Mas popularesMas populares

Los formatos que aquí trabajaremos son: Los formatos que aquí trabajaremos son:

• BMPBMP - Mapa de bits (bitmap) - Mapa de bits (bitmap)

• GIFGIF - Graphics Interchange Format - Graphics Interchange Format

• JPGJPG - Joint Photographic Experts Group - Joint Photographic Experts Group

• PNGPNG - Portable Network graphics - Portable Network graphics

• TIFTIF - Tagged-Image File Format - Tagged-Image File Format

DetallesDetalles

• BMPBMP es el formato más usado en es el formato más usado en aplicaciones Windows y DOS. aplicaciones Windows y DOS.

• En la codificación de la imagen En la codificación de la imagen no no hay compresiónhay compresión y por lo general y por lo general resultan archivos grandes. resultan archivos grandes.

• Su ventaja es que lo lee cualquier Su ventaja es que lo lee cualquier programa que maneje imagen. programa que maneje imagen.

DetallesDetalles

• El formato El formato GIFGIF es el formato de archivo que es el formato de archivo que se utiliza habitualmente para mostrar se utiliza habitualmente para mostrar gráficos e imágenes de color indexado en gráficos e imágenes de color indexado en documentos HTML en Internet y otros documentos HTML en Internet y otros servicios en línea. GIF es un formato servicios en línea. GIF es un formato comprimido con LZW diseñado para comprimido con LZW diseñado para minimizar el tamaño del archivo y el tiempo minimizar el tamaño del archivo y el tiempo de transferencia electrónica. El formato de transferencia electrónica. El formato GIF GIF preserva lapreserva la transparencia transparencia, tiene , tiene posibilidad de crear ¨posibilidad de crear ¨gifs animadosgifs animados¨̈

DetallesDetalles• El formato El formato GIFGIF aplicando transparencia al fondo aplicando transparencia al fondo

DetallesDetalles• El formato El formato GIFGIF ¨̈gifs animadosgifs animados¨̈

DetallesDetalles• El formato El formato GIFGIF ¨̈gifs animadosgifs animados¨̈• Ejemplo de animar cilindro o pistón neumático Ejemplo de animar cilindro o pistón neumático

DetallesDetalles• El formato El formato GIFGIF ¨̈gifs animadosgifs animados¨̈

DetallesDetalles• El formato El formato GIFGIF ¨̈gifs animadosgifs animados¨̈

DetallesDetalles

• El formato El formato JPEGJPEG se utiliza habitualmente se utiliza habitualmente para mostrar fotografías y otras imágenes para mostrar fotografías y otras imágenes de tono continuo en documentos HTML en de tono continuo en documentos HTML en Internet y otros servicios en línea. El Internet y otros servicios en línea. El formato JPEG admite los modos de color formato JPEG admite los modos de color CMYK, RGB y Escala de grises pero no CMYK, RGB y Escala de grises pero no admite admite canales alfacanales alfa (No preserva la (No preserva la transparencia). A diferencia del formato transparencia). A diferencia del formato GIF, JPEG retiene toda la información de GIF, JPEG retiene toda la información de color de una imagen RGB pero comprime el color de una imagen RGB pero comprime el tamaño del archivo descartando datos tamaño del archivo descartando datos selectivamente. selectivamente.

Acerca de canales alfa y mates La información del color está incluida en tres canales: rojo, verde y azul. Además, una imagen puede incluir un cuarto canal invisible, denominado CANAL ALFA que contiene información de transparencia.

                                                                                                                                                                                       

Canales de un vistazo

A.Canales de color independientes

B.Canal alfa

C.Todos los canales se ven juntos

Un canal alfa ofrece una forma de almacenar imágenes y su información de transparencia en un solo archivo sin interferir en los canales de color.

DetallesDetalles

• El formato El formato PNGPNG es uno de los formatos más es uno de los formatos más interesantes. Aunque su uso no está tan interesantes. Aunque su uso no está tan extendido en este momento, cada vez más extendido en este momento, cada vez más rápidamente está siendo bien acogido por los rápidamente está siendo bien acogido por los desarrolladores de páginas web. Desarrollado desarrolladores de páginas web. Desarrollado como una alternativa sin patente al formato GIF, como una alternativa sin patente al formato GIF, el formato de gráficos de red portátiles (PNG) se el formato de gráficos de red portátiles (PNG) se utiliza para una compresión sin pérdidas y para la utiliza para una compresión sin pérdidas y para la visualización de imágenes en Internet. A visualización de imágenes en Internet. A diferencia del formato GIF, PNG admite imágenes diferencia del formato GIF, PNG admite imágenes de 24 bits y produce transparencia de fondo sin de 24 bits y produce transparencia de fondo sin bordes irregulares bordes irregulares

DetallesDetalles

• TIFFTIFF es un formato flexible de imágenes es un formato flexible de imágenes de mapa de bits que prácticamente de mapa de bits que prácticamente admiten todas los programas de pintura, admiten todas los programas de pintura, edición de imágenes y diseño de páginas. edición de imágenes y diseño de páginas. Admite imágenes CMYK, RGB, Lab, de Admite imágenes CMYK, RGB, Lab, de color indexado y en escala de grises con color indexado y en escala de grises con canales alfa, e imágenes en modo de canales alfa, e imágenes en modo de mapa de bits sin canales alfa. mapa de bits sin canales alfa. Photoshop Photoshop puede guardar capas en un archivo puede guardar capas en un archivo TIFFTIFF; sin embargo, si abre el archivo en ; sin embargo, si abre el archivo en otra aplicación, sólo será visible la imagen otra aplicación, sólo será visible la imagen acoplada. Photoshop acoplada. Photoshop

Mapa de bits o vectorizado ?Mapa de bits o vectorizado ?

ResumenResumen

Tipos de resolucionesTipos de resoluciones• Resolución de imágenesResolución de imágenes• LaLa resolución de imágenes resolución de imágenes dice el nivel de detalle que vamos a tener. dice el nivel de detalle que vamos a tener. • Por criterio general la resolución se dice: Por criterio general la resolución se dice: ancho x altoancho x alto (cuantos píxeles (cuantos píxeles

tiene en las filas y cuántos píxeles tiene en las columnas).tiene en las filas y cuántos píxeles tiene en las columnas).• Ejemplo : 800x600 : 800 de ancho y 600 por altoEjemplo : 800x600 : 800 de ancho y 600 por alto

• Resolución de impresiónResolución de impresión• Además hemos de considerar la Además hemos de considerar la resolución de impresiónresolución de impresión. Cuántos . Cuántos

píxeles queremos que se impriman por pulgada. A menor cantidad de píxeles queremos que se impriman por pulgada. A menor cantidad de píxeles por pulgada menor calidad normalmente. píxeles por pulgada menor calidad normalmente.

• Depende de dónde queremos luego tener las imágenes. Si estamos Depende de dónde queremos luego tener las imágenes. Si estamos haciendo unos apuntes y queremos luego imprimirlos en impresora haciendo unos apuntes y queremos luego imprimirlos en impresora normal, o si luego queremos imprimirlos en imprenta, la normal, o si luego queremos imprimirlos en imprenta, la resolución de resolución de impresión impresión que requerimos es diferente. que requerimos es diferente.

• Podemos usar las imágenes para verlas por pantalla o para imprimir.Podemos usar las imágenes para verlas por pantalla o para imprimir.

• MáximasMáximas que puedo obtener: que puedo obtener: 300ppp300ppp (300 píxeles en una pulgada (300 píxeles en una pulgada cuadrada). Valor para imprenta cuadrada). Valor para imprenta

• Valor aceptableValor aceptable: a partir de : a partir de 200ppp200ppp (para impresión en impresoras (para impresión en impresoras normales)normales)

• Si la imagen estamos pensando para Si la imagen estamos pensando para mostrarla en pantallamostrarla en pantalla, para verla , para verla Internet, valdría con Internet, valdría con 72ppp72ppp

Hablaremos de 2 modos de Hablaremos de 2 modos de color que nos interesan: RGB y color que nos interesan: RGB y CMYKCMYK

• Depende de dónde vamos a tener la imagen, le Depende de dónde vamos a tener la imagen, le asignaremos un modo de color u otro.asignaremos un modo de color u otro.

• Si como medio final vamos a usar la pantalla (la imagen la Si como medio final vamos a usar la pantalla (la imagen la ponemos en una diapositiva de una presentación por ponemos en una diapositiva de una presentación por ejemplo o la mandamos por correo electrónico para que ejemplo o la mandamos por correo electrónico para que alguien la vea), debemos asociarla al alguien la vea), debemos asociarla al modo de color RGB.modo de color RGB.

• Si por el contrario estamos pensando en imprimirla en una Si por el contrario estamos pensando en imprimirla en una imprenta, deberemos elegir el formato imprenta, deberemos elegir el formato modo de color modo de color CMYKCMYK (cyan Magente Yellow Black), ya que las impresoras (cyan Magente Yellow Black), ya que las impresoras de imprenta tienen unas planchas especiales para cada de imprenta tienen unas planchas especiales para cada color.color.

Búsqueda de imágenes: Búsqueda de imágenes: diferentes fuentes diferentes fuentes

• Cuidado con las fotos que nos descargamos de Internet. Cuidado con las fotos que nos descargamos de Internet. Pueden tener copyright, hay que mencionar la fuente.Pueden tener copyright, hay que mencionar la fuente.

• Diferentes fuentes de dónde podemos sacar imágenesDiferentes fuentes de dónde podemos sacar imágenes • Banco de imágenes del Ministerio de EducaciónBanco de imágenes del Ministerio de Educación • http://bancoimagenes.isftic.mepsyd.es/http://bancoimagenes.isftic.mepsyd.es/

• Flickr: servicio on-line de compartición de imágenesFlickr: servicio on-line de compartición de imágenes • Wikipedia: la enciclopedia de contenido libre que todos Wikipedia: la enciclopedia de contenido libre que todos

pueden editarpueden editar

• Google: el buscador de los buscadoresGoogle: el buscador de los buscadores • Adquirir la imagen desde un escánerAdquirir la imagen desde un escáner • Adquirir la imagen desde un documento, página Adquirir la imagen desde un documento, página

web.,escaneo.web.,escaneo.• Fotografías, de cámaras digitalesFotografías, de cámaras digitales

Una imagen dice mas que Una imagen dice mas que mil….mil….