SlideShare a Scribd company logo
1 of 4
Download to read offline
ESTR@TEGIA Magazine
Año 2- Edición Nº46 - Sección Tecnología


LOS FORMATOS GRÁFICOS MÁS UTILIZADOS
En le edición anterior comenzamos con el tema de la imagen digital y explicamos a grandes rasgos la
diferencia entre una imagen rasterizada -también conocida como de mapa de bits-, y una vectorial.


Para refrescar la memoria, una imagen de mapa de bits es aquella en que cada porción más pequeña de
la imagen es almacenada digitalmente por su posición dentro de la misma y su característica de color,
mientras que la vectorial está almacenada como una serie de fórmulas que representan las diferentes
formas que están incluidas dentro de la imagen, además de otra información sobre, por ejemplo, la
ubicación de estas figuras y sus órdenes para determinar cuál está encima o por debajo de otra.


En esta edición veremos, más en detalle, algunos de los formatos más utilizados dentro de los
clasificados como mapa de bits, sus diferencias, ventajas y desventajas, y terminaremos con un
resumen de cuáles son las circunstancias en que son convenientes utilizar cada uno, sin desear de
ninguna manera, establecer reglas fijas para su utilización.


MAPA DE BITS (BMP)
El BMP (extensión de archivo .bmp) o Bit Map es quizás el formato que más fielmente representa a la
definición de las imágenes rasterizadas y de ahí su nombre. Cada uno de los píxeles que forman la imagen se
almacenan como un grupo de dos datos: posición y color, pudiendo representar en el segundo hasta 16,7
millones de colores, lo que lo hace ideal para la presentación de fotografías de gran calidad, trabajos de arte o
imágenes con escalas de grises y sin pérdida de información como el formato comprimido JPEG, que veremos
más adelante.


Es uno de los formatos más utilizados y conocidos y es admitido por la mayoría de los programas de diseño y
edición de imágenes. Por lo que es un formato de archivo sumamente práctico para utilizarlo cuando se está
proporcionando una imagen a alguien que no posee el programa en que se ha creado.


La desventaja principal es que como este formato no maneja compresión, el tamaño de los archivos en bytes
es muy grande. Debido a esto, no es recomendable enviar correos electrónicos con archivos adjuntos con este
tipo de formato ya que tardaría mucho tiempo tanto en el envío como en la recepción y ocuparía muchísimo
espacio en el servidor de correos en comparación con otros formatos como el JPEG o el GIF que sí manejan
compresión.


FORMATO DE INTERCAMBIO DE GRÁFICOS (GIF)
El formato GIF (extensión de archivo .gif) o Graphics Interchange Format fue desarrollado en 1987 por
Compuserve, uno de los servicios de bulletin board más exitosos, para comprimir imágenes de 8 bits que
pueden ser transmitidas a través de su servicio e intercambiadas entre lo usuarios. Utiliza un sistema de
compresión (LZW) sin perdida de información de las imágenes. Al emplearse solamente 8 bits de información
por cada píxel, es un formato que permite representar un máximo de 256 colores por imagen (28).


El GIF es hoy en día uno de los dos formatos de archivo más comunes para imágenes en Internet, dado que es
admitido por la mayoría de navegadores Web. Esto se debe, seguramente, a que el objetivo con el que lo han
desarrollado ha sido para el intercambio y a que los archivos resultantes para una imagen realizada para una
página de Internet son de unos pocos Kbytes lo que permite descargarlos en unos pocos segundos. Debido a
que este formato sólo puede mostrar un máximo de 256 colores, es más adecuado para dibujos de líneas en
blanco y negro, imágenes prediseñadas en color e imágenes con grandes bloques de colores sólidos. Pero no
es tan conveniente para cosas más complicadas, como por ejemplo fotografías de objetos de la vida real.
Además estos objetos no presentan un aspecto nada favorable si están reducidos a los 256 colores de este
formato.



Estr@tegia Consultora                                                                                   Página 1
Felix de Azara2330 - (3300) Posadas - Misiones - Argentina
Web: www.e-estrategia.com.ar
E-mail: info@estrategiamagazine.com.ar
ESTR@TEGIA Magazine
Año 2- Edición Nº46 - Sección Tecnología

Existen dos variantes en este formato, el GIF87 y el GIF89a. La primera no permite generar imágenes
animadas, fondos transparentes ni el llamado formato entrelazado, que carga la imagen en varias fases. Las
imágenes GIF entrelazadas son ligeramente mas grandes (ocupan mas bytes) que las no entrelazadas, pero
su carga progresiva permite acelerar el proceso de visión de las páginas de Internet al poder detenerlas, si con
el primer esbozo de la imagen advertimos que no nos interesa.


GIF transparentes y GIF animados
Dos características especiales del formato grafico GIF son la posibilidad de generar imágenes con fondos
transparentes e imágenes animadas a partir de varias imágenes estáticas secuenciales. Estas dos
características se pueden combinar para crear imágenes animadas con fondos transparentes
simultáneamente.


Una característica muy útil del formato GIF es la opción de hacer transparente un color determinado, es decir,
que ese color concreto no se vea, y sea reemplazado por el fondo de la página. Pero no todas las imágenes son
apropiadas para conseguir este efecto. Es condición indispensable que el color seleccionado sea uniforme
debido a que puede ser seleccionado sólo un color para hacerlo transparente.


La segunda característica destacable del formato GIF89a es que puede utilizarse para realizar animaciones a
partir de varias imágenes estáticas secuenciales cada una de las cuales es también de formato GIF con hasta
256 colores. Esto resulta muy conveniente y es uno de los formatos más utilizados junto con el Flash de
Macromedia para realizar las pancartas (banners) animados que pueden verse en la mayoría de las páginas en
Internet.


GIF entrelazado
Normalmente, un fichero GIF contiene los datos de cada línea de la imagen de una manera ordenada, de tal
manera que el navegador lo irá descargando y mostrando en forma secuencial, línea a línea desde arriba hasta
abajo. Se puede cambiar este comportamiento si se ha guardado la imagen como un GIF entrelazado
(interlaced GIF). En este caso, las líneas no quedan guardadas de forma consecutiva, sino en saltos de cuatro
en cuatro, y al llegar al final de la imagen comienzan nuevamente desde el principio con otra secuencia
diferente, también de cuatro en cuatro, así hasta completar toda la imagen.


Por ejemplo, una imagen de 20 líneas sería guardada con esta secuencia:
Líneas: 1, 5, 9, 13, 17, 2, 6, 10, 14, 18, 3, 7, 11, 15, 19, 4, 8, 12, 16 y 20.


El propósito de esto es que al ser descargada por un navegador que implemente esta característica –la
mayoría de los navegadores lo hacen-, se verá la imagen completa desde el principio, comenzando con una
definición de muy poca calidad que luego se va refinando poco a poco.


El tiempo de descarga de una imagen entrelazada y de la misma no entrelazada es el mismo debido a que lo
único que cambia es la secuencia de las líneas, pero en el primer caso permite hacerse más rápidamente una
idea de la imagen que es y que la página vaya tomando su forma definitiva antes de ser descargada
totalmente.


Cuándo utilizar GIF
Como guía de las situaciones en las que convendría utilizar el formato GIF y en especial el GIF89a puede
tomarse:
!   Imágenes con un número limitado de colores, como 256 o menos.
!   Imágenes con colores en áreas diferenciadas.




Estr@tegia Consultora                                                                                  Página 2
Felix de Azara2330 - (3300) Posadas - Misiones - Argentina
Web: www.e-estrategia.com.ar
E-mail: info@estrategiamagazine.com.ar
ESTR@TEGIA Magazine
Año 2- Edición Nº46 - Sección Tecnología

!   Imágenes en blanco y negro.
!   Imágenes de pequeño tamaño, como los botones de los sitios Web.
!   Imágenes en las que la nitidez y la claridad son importantes, como los dibujos de líneas.
!   Imágenes animadas al estilo de las pancartas (banners)
!   Imágenes que contienen áreas transparentes.
!   Imágenes de textos.


GRUPO DE EXPERTOS FOTOGRÁFICOS ORGANIZADOS (JPEG)
El JPEG (extensión de archivo .jpg o .jpeg) o Joint Photographic Experts Group es el otro formato más
comúnmente utilizado para imágenes en Internet. En realidad, el JPEG no es un formato de archivo, sino más
bien, es un método de codificación de la información que hace uso de complicados algoritmos matemáticos
para comprimir el tamaño de los ficheros. Sin embargo, se trata de una compresión con pérdida de
información, es decir al descomprimirlo la imagen obtenida no es exactamente igual al original inicial. El nivel
de compresión se puede seleccionar en una escala desde 1 a 99, siendo la compresión 1 la de mínima perdida
de información y 99 la compresión más elevada y con mayor pérdida de información.


Tiene una profundidad de hasta 24 bits lo que le permite utilizar hasta 16.777.216 de colores. Por lo tanto, se
puede utilizar para la presentación de fotografías de gran calidad, trabajos de arte o imágenes con millones de
colores o escalas de grises, sin embargo, no tan bien en diseño de letras o arte de línea simple. Dado que se ha
diseñado como un formato de almacenamiento de imágenes, puede comprimir de forma eficiente fotografías
grandes de alta calidad y convertirlas en archivos muy compactos. Una imagen de 24 bits guardada en
formato JPEG puede ser reducida a un veinteavo de su tamaño original y es muy útil cuando se desea enviar,
por ejemplo, una imagen grande por correo electrónico. Sin embargo, cuanto más se reduzca el tamaño del
archivo de la imagen -o se modifique y vuelva a guardar-, ésta perderá más información, con lo que disminuirá
su calidad.


Como desventaja con respecto al formato GIF, este formato no admite transparencia ni animación. Sin
embargo, una imagen complicada que se haya comprimido con JPEG tendrá, comparando con el formato GIF,
una calidad mayor y un tamaño de fichero menor.


PORTABLE NETWORK GRAPHICS (PNG)
El formato PNG (extensión de archivo .png) puede mostrar millones de colores. Hasta hace unos pocos años,
era un formato desconocido, pero gracias a ser compatible por la mayoría de los navegadores, ahora es muy
popular. Las imágenes guardadas en este formato no perderán calidad aunque se comprima el archivo.
Admite transparencia, pero no admite animación, ya que no puede contener varias imágenes.


La especificación del formato PNG fue publicada oficialmente en octubre de 1996 por el World Wide Web
Consortium. Al igual que el resto de los productos de este consorcio internacional, el PNG es una
especificación de libre uso que no requiere pagar licencia de ningún tipo en aplicaciones que usen, creen o
editen este tipo de imágenes.


El PNG es un formato gráfico cada vez más usado en lugar de GIF. Se muestra correctamente en los
navegadores, su uso está libre de derechos y permite una alta compresión así como una reproducción
progresiva de imágenes con hasta 16,7 millones de colores.


PNG vs. GIF
El formato PNG permite generar imágenes de mapas de bits con un elevado nivel de compresión. Se trata de
una compresión sin pérdida de calidad, al igual que el formato GIF, pero con mayor porcentaje de compresión
media.



Estr@tegia Consultora                                                                                  Página 3
Felix de Azara2330 - (3300) Posadas - Misiones - Argentina
Web: www.e-estrategia.com.ar
E-mail: info@estrategiamagazine.com.ar
ESTR@TEGIA Magazine
Año 2- Edición Nº46 - Sección Tecnología

Análogamente al GIF, el PNG soporta los fondos transparentes que permiten una buena integración de la
imagen con el fondo actual de una página. Sin embargo, el PNG es superior porque soporta una profundidad
de color de hasta 16,7 millones de colores contra sólo un máximo de 256 colores del GIF.


PNG posee dos modos de compresión: estándar y progresivo. Este último, al igual que el GIF entrelazado,
facilita el reconocimiento de la imagen en los primeros instantes de la descarga de Internet, pues va
mostrando líneas de la misma distribuidas por toda la superficie disponible.


Por último, la inclusión de “metadatos” -información adicional a la información puramente gráfica-, en el
archivo PNG permite en teoría que los motores de búsqueda puedan indexar estos archivos en función de la
descripción incluida, en lugar de únicamente por el nombre.


Desventajas del PNG
La principal desventaja es que PNG no permite crear pequeñas animaciones como el formato GIF. Existe un
formato complementario del W3C llamado MNG que sí que soporta animación pero aun no existe un estándar
oficial del mismo.


Al igual que el GIF, al ser PNG un formato sin pérdida de calidad, produce archivos excesivamente grandes
para la reproducción de fotografías o cuadros comparados con los equivalentes archivos JPG. Estos últimos
pueden reducir considerablemente el tamaño de este tipo de imágenes con una disminución casi inapreciable
de la calidad.


¿CUÁNDO USAR UN FORMATO U OTRO?
Como escribimos en la edición anterior, eso dependerá de las características de la imagen original y del uso
que le daremos a la imagen optimizada posteriormente.
En resumen:




Estr@tegia Consultora                                                                              Página 4
Felix de Azara2330 - (3300) Posadas - Misiones - Argentina
Web: www.e-estrategia.com.ar
E-mail: info@estrategiamagazine.com.ar

More Related Content

What's hot

Formatos Graficos
Formatos GraficosFormatos Graficos
Formatos Graficos
hugovilar27
 
Fdw imagenes 2010-ii
Fdw imagenes 2010-iiFdw imagenes 2010-ii
Fdw imagenes 2010-ii
sara paredes
 
Tipos de imágenes
Tipos de imágenesTipos de imágenes
Tipos de imágenes
profes2014
 
Consejos Para La Optimizacion De Imagenes En Web
Consejos Para La Optimizacion De Imagenes En WebConsejos Para La Optimizacion De Imagenes En Web
Consejos Para La Optimizacion De Imagenes En Web
grupo90
 
Consejos Para La Optimizacion De Imagenes En Web
Consejos Para La Optimizacion De Imagenes En WebConsejos Para La Optimizacion De Imagenes En Web
Consejos Para La Optimizacion De Imagenes En Web
grupo90
 

What's hot (20)

Formatos
FormatosFormatos
Formatos
 
Tipos De Imagenes
Tipos De ImagenesTipos De Imagenes
Tipos De Imagenes
 
Formatos
FormatosFormatos
Formatos
 
Apuntes multimedia 02
Apuntes multimedia 02Apuntes multimedia 02
Apuntes multimedia 02
 
tipos de imagenes
tipos de imagenestipos de imagenes
tipos de imagenes
 
Formatos Graficos
Formatos GraficosFormatos Graficos
Formatos Graficos
 
DISEÑO GRÁFICO - TIPOS DE IMAGEN
DISEÑO GRÁFICO - TIPOS DE IMAGENDISEÑO GRÁFICO - TIPOS DE IMAGEN
DISEÑO GRÁFICO - TIPOS DE IMAGEN
 
Actividad 1.1
Actividad 1.1Actividad 1.1
Actividad 1.1
 
Informe snkr
Informe snkrInforme snkr
Informe snkr
 
Multimedia
MultimediaMultimedia
Multimedia
 
Formatos de imagen
Formatos de imagenFormatos de imagen
Formatos de imagen
 
Foramtos graficos
Foramtos graficos Foramtos graficos
Foramtos graficos
 
Fdw imagenes 2010-ii
Fdw imagenes 2010-iiFdw imagenes 2010-ii
Fdw imagenes 2010-ii
 
T6 wiki
T6 wikiT6 wiki
T6 wiki
 
Tipos de imágenes
Tipos de imágenesTipos de imágenes
Tipos de imágenes
 
Consejos Para La Optimizacion De Imagenes En Web
Consejos Para La Optimizacion De Imagenes En WebConsejos Para La Optimizacion De Imagenes En Web
Consejos Para La Optimizacion De Imagenes En Web
 
Manual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan BizkaiaManual curso Edicion. Ikaslan Bizkaia
Manual curso Edicion. Ikaslan Bizkaia
 
Presentación formatos
Presentación formatosPresentación formatos
Presentación formatos
 
Presentación formatos
Presentación formatosPresentación formatos
Presentación formatos
 
Consejos Para La Optimizacion De Imagenes En Web
Consejos Para La Optimizacion De Imagenes En WebConsejos Para La Optimizacion De Imagenes En Web
Consejos Para La Optimizacion De Imagenes En Web
 

Viewers also liked

Tipos de Memoria
Tipos de MemoriaTipos de Memoria
Tipos de Memoria
alfaro69
 
SesióN 2 Modulo Ii
SesióN 2 Modulo IiSesióN 2 Modulo Ii
SesióN 2 Modulo Ii
dolo233
 
Web2.0
Web2.0Web2.0
Web2.0
UTPL
 

Viewers also liked (20)

Tipos de Memoria
Tipos de MemoriaTipos de Memoria
Tipos de Memoria
 
Seis Sombreros Para Pensar
Seis Sombreros Para PensarSeis Sombreros Para Pensar
Seis Sombreros Para Pensar
 
La Comunicacion En La Venta
La Comunicacion En La VentaLa Comunicacion En La Venta
La Comunicacion En La Venta
 
El DetráS De Escena.Tv
El DetráS De Escena.TvEl DetráS De Escena.Tv
El DetráS De Escena.Tv
 
lo que significa ser pobre
lo que significa ser pobrelo que significa ser pobre
lo que significa ser pobre
 
Redes Sociales: Web 2.0
Redes Sociales: Web 2.0Redes Sociales: Web 2.0
Redes Sociales: Web 2.0
 
Los Deseos Emocionales
Los Deseos EmocionalesLos Deseos Emocionales
Los Deseos Emocionales
 
Excel Hojas Calculo Primera Parte 22639
Excel Hojas Calculo Primera Parte 22639Excel Hojas Calculo Primera Parte 22639
Excel Hojas Calculo Primera Parte 22639
 
SesióN 2 Modulo Ii
SesióN 2 Modulo IiSesióN 2 Modulo Ii
SesióN 2 Modulo Ii
 
La Insoportable Ineficacia De Los Planes
La Insoportable Ineficacia De Los PlanesLa Insoportable Ineficacia De Los Planes
La Insoportable Ineficacia De Los Planes
 
Paulo Coelho
Paulo CoelhoPaulo Coelho
Paulo Coelho
 
La Comunicacion En La Venta
La  Comunicacion En La  VentaLa  Comunicacion En La  Venta
La Comunicacion En La Venta
 
Marketing
MarketingMarketing
Marketing
 
La Inteligencia Emocional
La  Inteligencia  EmocionalLa  Inteligencia  Emocional
La Inteligencia Emocional
 
Web2.0
Web2.0Web2.0
Web2.0
 
El Hardware
El  HardwareEl  Hardware
El Hardware
 
Presentación aga sas gen v6
Presentación aga sas  gen v6Presentación aga sas  gen v6
Presentación aga sas gen v6
 
El Enunciado De La Mision
El  Enunciado De La  MisionEl  Enunciado De La  Mision
El Enunciado De La Mision
 
La Meritocracia
La MeritocraciaLa Meritocracia
La Meritocracia
 
Soluciones Moviles, Mas Casos De Exito
Soluciones Moviles, Mas Casos De ExitoSoluciones Moviles, Mas Casos De Exito
Soluciones Moviles, Mas Casos De Exito
 

Similar to Los Formatos Graficos Mas Utilizados

Proyecto 40 horas imagenes
Proyecto 40 horas imagenesProyecto 40 horas imagenes
Proyecto 40 horas imagenes
lorenaveloza
 
EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA
EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA
EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA
Laura Diaz
 
Photoshop vector e imagen
Photoshop vector e imagenPhotoshop vector e imagen
Photoshop vector e imagen
Kaeli Galvez
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
luciaalv10
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
luciaalv10
 
Teoria formatos de imagen
Teoria formatos de imagenTeoria formatos de imagen
Teoria formatos de imagen
Gerber Citec
 
Distintos formatos estándar de imágenes utilizables entre diversos
Distintos formatos estándar de imágenes utilizables entre diversosDistintos formatos estándar de imágenes utilizables entre diversos
Distintos formatos estándar de imágenes utilizables entre diversos
Mtz Rey
 
Presentación de imagen digital
Presentación de imagen digitalPresentación de imagen digital
Presentación de imagen digital
felolopez99
 
Formato imágenes
Formato imágenesFormato imágenes
Formato imágenes
eugenialpha
 

Similar to Los Formatos Graficos Mas Utilizados (20)

Proyecto 40 horas imagenes
Proyecto 40 horas imagenesProyecto 40 horas imagenes
Proyecto 40 horas imagenes
 
EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA
EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA
EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA
 
Jgga
JggaJgga
Jgga
 
Photoshop vector e imagen
Photoshop vector e imagenPhotoshop vector e imagen
Photoshop vector e imagen
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Nery
NeryNery
Nery
 
Tipos de archivos graficos
Tipos de archivos graficosTipos de archivos graficos
Tipos de archivos graficos
 
Teoria formatos de imagen
Teoria formatos de imagenTeoria formatos de imagen
Teoria formatos de imagen
 
Formatos Imágenes y Gráficos
Formatos Imágenes y GráficosFormatos Imágenes y Gráficos
Formatos Imágenes y Gráficos
 
Distintos formatos estándar de imágenes utilizables entre diversos
Distintos formatos estándar de imágenes utilizables entre diversosDistintos formatos estándar de imágenes utilizables entre diversos
Distintos formatos estándar de imágenes utilizables entre diversos
 
Introducción a la imagen digital
Introducción a la imagen digitalIntroducción a la imagen digital
Introducción a la imagen digital
 
Presentación de imagen digital
Presentación de imagen digitalPresentación de imagen digital
Presentación de imagen digital
 
Clase 6 tecno 1-2019
Clase 6 tecno 1-2019Clase 6 tecno 1-2019
Clase 6 tecno 1-2019
 
Clase 5 tecno 1-2018
Clase 5 tecno 1-2018Clase 5 tecno 1-2018
Clase 5 tecno 1-2018
 
Formato imágenes
Formato imágenesFormato imágenes
Formato imágenes
 
11 Gimp. Animacion Y Web
11 Gimp. Animacion Y Web11 Gimp. Animacion Y Web
11 Gimp. Animacion Y Web
 
Presentación formatos
Presentación formatosPresentación formatos
Presentación formatos
 
Graficacion tarea 2
Graficacion tarea 2Graficacion tarea 2
Graficacion tarea 2
 
Formatos graficos
Formatos graficosFormatos graficos
Formatos graficos
 

More from Net-Learning - Soluciones para e-learning

More from Net-Learning - Soluciones para e-learning (20)

Toffler
TofflerToffler
Toffler
 
Por Que Compra Un Cliente
Por Que Compra Un ClientePor Que Compra Un Cliente
Por Que Compra Un Cliente
 
Potenciar La Memoria Para Ser Mas Eficiente En El Trabajo
Potenciar La Memoria Para Ser Mas Eficiente En El TrabajoPotenciar La Memoria Para Ser Mas Eficiente En El Trabajo
Potenciar La Memoria Para Ser Mas Eficiente En El Trabajo
 
Presente Y Futuro De Los Si
Presente Y Futuro De Los SiPresente Y Futuro De Los Si
Presente Y Futuro De Los Si
 
Procrastinar Yo
Procrastinar YoProcrastinar Yo
Procrastinar Yo
 
Pros Y Contras De La Educacion A Distancia
Pros Y Contras De La Educacion A DistanciaPros Y Contras De La Educacion A Distancia
Pros Y Contras De La Educacion A Distancia
 
Pros Y Contras De Las Campanas Publicitarias
Pros Y Contras De Las Campanas PublicitariasPros Y Contras De Las Campanas Publicitarias
Pros Y Contras De Las Campanas Publicitarias
 
Que Es Crm
Que Es CrmQue Es Crm
Que Es Crm
 
Que Es El E Learning Que No Es El E Learning
Que Es El E Learning   Que No Es El E LearningQue Es El E Learning   Que No Es El E Learning
Que Es El E Learning Que No Es El E Learning
 
Para Que Estoy Contratando Un Consultor
Para Que Estoy Contratando Un ConsultorPara Que Estoy Contratando Un Consultor
Para Que Estoy Contratando Un Consultor
 
Marketing Para Manana
Marketing Para MananaMarketing Para Manana
Marketing Para Manana
 
Marketing Personal Y Profesional
Marketing Personal Y ProfesionalMarketing Personal Y Profesional
Marketing Personal Y Profesional
 
Negocio Y Estrategia
Negocio Y EstrategiaNegocio Y Estrategia
Negocio Y Estrategia
 
Pcc Hacedor Del Exito De La Empresa
Pcc Hacedor Del Exito De La EmpresaPcc Hacedor Del Exito De La Empresa
Pcc Hacedor Del Exito De La Empresa
 
Normas Basicas De La Mensajeria Electronica
Normas Basicas De La Mensajeria ElectronicaNormas Basicas De La Mensajeria Electronica
Normas Basicas De La Mensajeria Electronica
 
Necesidad Y Motivacion
Necesidad Y MotivacionNecesidad Y Motivacion
Necesidad Y Motivacion
 
Marketing Creativo
Marketing CreativoMarketing Creativo
Marketing Creativo
 
Manteniendo Programas Y Datos
Manteniendo Programas Y DatosManteniendo Programas Y Datos
Manteniendo Programas Y Datos
 
Marketing Adentro De La Empresa
Marketing Adentro De La EmpresaMarketing Adentro De La Empresa
Marketing Adentro De La Empresa
 
Marketing Vende Ideas Compra Tu Futuro
Marketing   Vende Ideas Compra Tu FuturoMarketing   Vende Ideas Compra Tu Futuro
Marketing Vende Ideas Compra Tu Futuro
 

Los Formatos Graficos Mas Utilizados

  • 1. ESTR@TEGIA Magazine Año 2- Edición Nº46 - Sección Tecnología LOS FORMATOS GRÁFICOS MÁS UTILIZADOS En le edición anterior comenzamos con el tema de la imagen digital y explicamos a grandes rasgos la diferencia entre una imagen rasterizada -también conocida como de mapa de bits-, y una vectorial. Para refrescar la memoria, una imagen de mapa de bits es aquella en que cada porción más pequeña de la imagen es almacenada digitalmente por su posición dentro de la misma y su característica de color, mientras que la vectorial está almacenada como una serie de fórmulas que representan las diferentes formas que están incluidas dentro de la imagen, además de otra información sobre, por ejemplo, la ubicación de estas figuras y sus órdenes para determinar cuál está encima o por debajo de otra. En esta edición veremos, más en detalle, algunos de los formatos más utilizados dentro de los clasificados como mapa de bits, sus diferencias, ventajas y desventajas, y terminaremos con un resumen de cuáles son las circunstancias en que son convenientes utilizar cada uno, sin desear de ninguna manera, establecer reglas fijas para su utilización. MAPA DE BITS (BMP) El BMP (extensión de archivo .bmp) o Bit Map es quizás el formato que más fielmente representa a la definición de las imágenes rasterizadas y de ahí su nombre. Cada uno de los píxeles que forman la imagen se almacenan como un grupo de dos datos: posición y color, pudiendo representar en el segundo hasta 16,7 millones de colores, lo que lo hace ideal para la presentación de fotografías de gran calidad, trabajos de arte o imágenes con escalas de grises y sin pérdida de información como el formato comprimido JPEG, que veremos más adelante. Es uno de los formatos más utilizados y conocidos y es admitido por la mayoría de los programas de diseño y edición de imágenes. Por lo que es un formato de archivo sumamente práctico para utilizarlo cuando se está proporcionando una imagen a alguien que no posee el programa en que se ha creado. La desventaja principal es que como este formato no maneja compresión, el tamaño de los archivos en bytes es muy grande. Debido a esto, no es recomendable enviar correos electrónicos con archivos adjuntos con este tipo de formato ya que tardaría mucho tiempo tanto en el envío como en la recepción y ocuparía muchísimo espacio en el servidor de correos en comparación con otros formatos como el JPEG o el GIF que sí manejan compresión. FORMATO DE INTERCAMBIO DE GRÁFICOS (GIF) El formato GIF (extensión de archivo .gif) o Graphics Interchange Format fue desarrollado en 1987 por Compuserve, uno de los servicios de bulletin board más exitosos, para comprimir imágenes de 8 bits que pueden ser transmitidas a través de su servicio e intercambiadas entre lo usuarios. Utiliza un sistema de compresión (LZW) sin perdida de información de las imágenes. Al emplearse solamente 8 bits de información por cada píxel, es un formato que permite representar un máximo de 256 colores por imagen (28). El GIF es hoy en día uno de los dos formatos de archivo más comunes para imágenes en Internet, dado que es admitido por la mayoría de navegadores Web. Esto se debe, seguramente, a que el objetivo con el que lo han desarrollado ha sido para el intercambio y a que los archivos resultantes para una imagen realizada para una página de Internet son de unos pocos Kbytes lo que permite descargarlos en unos pocos segundos. Debido a que este formato sólo puede mostrar un máximo de 256 colores, es más adecuado para dibujos de líneas en blanco y negro, imágenes prediseñadas en color e imágenes con grandes bloques de colores sólidos. Pero no es tan conveniente para cosas más complicadas, como por ejemplo fotografías de objetos de la vida real. Además estos objetos no presentan un aspecto nada favorable si están reducidos a los 256 colores de este formato. Estr@tegia Consultora Página 1 Felix de Azara2330 - (3300) Posadas - Misiones - Argentina Web: www.e-estrategia.com.ar E-mail: info@estrategiamagazine.com.ar
  • 2. ESTR@TEGIA Magazine Año 2- Edición Nº46 - Sección Tecnología Existen dos variantes en este formato, el GIF87 y el GIF89a. La primera no permite generar imágenes animadas, fondos transparentes ni el llamado formato entrelazado, que carga la imagen en varias fases. Las imágenes GIF entrelazadas son ligeramente mas grandes (ocupan mas bytes) que las no entrelazadas, pero su carga progresiva permite acelerar el proceso de visión de las páginas de Internet al poder detenerlas, si con el primer esbozo de la imagen advertimos que no nos interesa. GIF transparentes y GIF animados Dos características especiales del formato grafico GIF son la posibilidad de generar imágenes con fondos transparentes e imágenes animadas a partir de varias imágenes estáticas secuenciales. Estas dos características se pueden combinar para crear imágenes animadas con fondos transparentes simultáneamente. Una característica muy útil del formato GIF es la opción de hacer transparente un color determinado, es decir, que ese color concreto no se vea, y sea reemplazado por el fondo de la página. Pero no todas las imágenes son apropiadas para conseguir este efecto. Es condición indispensable que el color seleccionado sea uniforme debido a que puede ser seleccionado sólo un color para hacerlo transparente. La segunda característica destacable del formato GIF89a es que puede utilizarse para realizar animaciones a partir de varias imágenes estáticas secuenciales cada una de las cuales es también de formato GIF con hasta 256 colores. Esto resulta muy conveniente y es uno de los formatos más utilizados junto con el Flash de Macromedia para realizar las pancartas (banners) animados que pueden verse en la mayoría de las páginas en Internet. GIF entrelazado Normalmente, un fichero GIF contiene los datos de cada línea de la imagen de una manera ordenada, de tal manera que el navegador lo irá descargando y mostrando en forma secuencial, línea a línea desde arriba hasta abajo. Se puede cambiar este comportamiento si se ha guardado la imagen como un GIF entrelazado (interlaced GIF). En este caso, las líneas no quedan guardadas de forma consecutiva, sino en saltos de cuatro en cuatro, y al llegar al final de la imagen comienzan nuevamente desde el principio con otra secuencia diferente, también de cuatro en cuatro, así hasta completar toda la imagen. Por ejemplo, una imagen de 20 líneas sería guardada con esta secuencia: Líneas: 1, 5, 9, 13, 17, 2, 6, 10, 14, 18, 3, 7, 11, 15, 19, 4, 8, 12, 16 y 20. El propósito de esto es que al ser descargada por un navegador que implemente esta característica –la mayoría de los navegadores lo hacen-, se verá la imagen completa desde el principio, comenzando con una definición de muy poca calidad que luego se va refinando poco a poco. El tiempo de descarga de una imagen entrelazada y de la misma no entrelazada es el mismo debido a que lo único que cambia es la secuencia de las líneas, pero en el primer caso permite hacerse más rápidamente una idea de la imagen que es y que la página vaya tomando su forma definitiva antes de ser descargada totalmente. Cuándo utilizar GIF Como guía de las situaciones en las que convendría utilizar el formato GIF y en especial el GIF89a puede tomarse: ! Imágenes con un número limitado de colores, como 256 o menos. ! Imágenes con colores en áreas diferenciadas. Estr@tegia Consultora Página 2 Felix de Azara2330 - (3300) Posadas - Misiones - Argentina Web: www.e-estrategia.com.ar E-mail: info@estrategiamagazine.com.ar
  • 3. ESTR@TEGIA Magazine Año 2- Edición Nº46 - Sección Tecnología ! Imágenes en blanco y negro. ! Imágenes de pequeño tamaño, como los botones de los sitios Web. ! Imágenes en las que la nitidez y la claridad son importantes, como los dibujos de líneas. ! Imágenes animadas al estilo de las pancartas (banners) ! Imágenes que contienen áreas transparentes. ! Imágenes de textos. GRUPO DE EXPERTOS FOTOGRÁFICOS ORGANIZADOS (JPEG) El JPEG (extensión de archivo .jpg o .jpeg) o Joint Photographic Experts Group es el otro formato más comúnmente utilizado para imágenes en Internet. En realidad, el JPEG no es un formato de archivo, sino más bien, es un método de codificación de la información que hace uso de complicados algoritmos matemáticos para comprimir el tamaño de los ficheros. Sin embargo, se trata de una compresión con pérdida de información, es decir al descomprimirlo la imagen obtenida no es exactamente igual al original inicial. El nivel de compresión se puede seleccionar en una escala desde 1 a 99, siendo la compresión 1 la de mínima perdida de información y 99 la compresión más elevada y con mayor pérdida de información. Tiene una profundidad de hasta 24 bits lo que le permite utilizar hasta 16.777.216 de colores. Por lo tanto, se puede utilizar para la presentación de fotografías de gran calidad, trabajos de arte o imágenes con millones de colores o escalas de grises, sin embargo, no tan bien en diseño de letras o arte de línea simple. Dado que se ha diseñado como un formato de almacenamiento de imágenes, puede comprimir de forma eficiente fotografías grandes de alta calidad y convertirlas en archivos muy compactos. Una imagen de 24 bits guardada en formato JPEG puede ser reducida a un veinteavo de su tamaño original y es muy útil cuando se desea enviar, por ejemplo, una imagen grande por correo electrónico. Sin embargo, cuanto más se reduzca el tamaño del archivo de la imagen -o se modifique y vuelva a guardar-, ésta perderá más información, con lo que disminuirá su calidad. Como desventaja con respecto al formato GIF, este formato no admite transparencia ni animación. Sin embargo, una imagen complicada que se haya comprimido con JPEG tendrá, comparando con el formato GIF, una calidad mayor y un tamaño de fichero menor. PORTABLE NETWORK GRAPHICS (PNG) El formato PNG (extensión de archivo .png) puede mostrar millones de colores. Hasta hace unos pocos años, era un formato desconocido, pero gracias a ser compatible por la mayoría de los navegadores, ahora es muy popular. Las imágenes guardadas en este formato no perderán calidad aunque se comprima el archivo. Admite transparencia, pero no admite animación, ya que no puede contener varias imágenes. La especificación del formato PNG fue publicada oficialmente en octubre de 1996 por el World Wide Web Consortium. Al igual que el resto de los productos de este consorcio internacional, el PNG es una especificación de libre uso que no requiere pagar licencia de ningún tipo en aplicaciones que usen, creen o editen este tipo de imágenes. El PNG es un formato gráfico cada vez más usado en lugar de GIF. Se muestra correctamente en los navegadores, su uso está libre de derechos y permite una alta compresión así como una reproducción progresiva de imágenes con hasta 16,7 millones de colores. PNG vs. GIF El formato PNG permite generar imágenes de mapas de bits con un elevado nivel de compresión. Se trata de una compresión sin pérdida de calidad, al igual que el formato GIF, pero con mayor porcentaje de compresión media. Estr@tegia Consultora Página 3 Felix de Azara2330 - (3300) Posadas - Misiones - Argentina Web: www.e-estrategia.com.ar E-mail: info@estrategiamagazine.com.ar
  • 4. ESTR@TEGIA Magazine Año 2- Edición Nº46 - Sección Tecnología Análogamente al GIF, el PNG soporta los fondos transparentes que permiten una buena integración de la imagen con el fondo actual de una página. Sin embargo, el PNG es superior porque soporta una profundidad de color de hasta 16,7 millones de colores contra sólo un máximo de 256 colores del GIF. PNG posee dos modos de compresión: estándar y progresivo. Este último, al igual que el GIF entrelazado, facilita el reconocimiento de la imagen en los primeros instantes de la descarga de Internet, pues va mostrando líneas de la misma distribuidas por toda la superficie disponible. Por último, la inclusión de “metadatos” -información adicional a la información puramente gráfica-, en el archivo PNG permite en teoría que los motores de búsqueda puedan indexar estos archivos en función de la descripción incluida, en lugar de únicamente por el nombre. Desventajas del PNG La principal desventaja es que PNG no permite crear pequeñas animaciones como el formato GIF. Existe un formato complementario del W3C llamado MNG que sí que soporta animación pero aun no existe un estándar oficial del mismo. Al igual que el GIF, al ser PNG un formato sin pérdida de calidad, produce archivos excesivamente grandes para la reproducción de fotografías o cuadros comparados con los equivalentes archivos JPG. Estos últimos pueden reducir considerablemente el tamaño de este tipo de imágenes con una disminución casi inapreciable de la calidad. ¿CUÁNDO USAR UN FORMATO U OTRO? Como escribimos en la edición anterior, eso dependerá de las características de la imagen original y del uso que le daremos a la imagen optimizada posteriormente. En resumen: Estr@tegia Consultora Página 4 Felix de Azara2330 - (3300) Posadas - Misiones - Argentina Web: www.e-estrategia.com.ar E-mail: info@estrategiamagazine.com.ar