FORMATO DE: - PowerPoint PPT Presentation

1 / 24
About This Presentation
Title:

FORMATO DE:

Description:

Una imagen digital no es m s que un archivo que contiene la informaci n de la ... una de sus carencias es la de admitir muy pocos colores (256 como m ximo), se ha ... – PowerPoint PPT presentation

Number of Views:122
Avg rating:3.0/5.0
Slides: 25
Provided by: Nue9
Category:
Tags: formato | admitir

less

Transcript and Presenter's Notes

Title: FORMATO DE:


1
FORMATO DE
IMÁGENES
2 3 4 5 6 7 8 9 10 11 12 13 14 15
16 17 18 19 20 21 22 23 24
2
Formatos de Imagen
Una imagen digital no es más que un archivo que
contiene la información de la imagen trasformada
y almacenada en forma de unos y ceros. Por esto
que desde que existen los medios gráficos
digitales se ha buscado una forma de convertir
una imagen óptica a digital con la menor pérdida
de información posible (colores, tonalidades,
etc.). Obviamente, no es difícil de conseguir,
retener todos esos datos es relativamente
sencillo, pero de esta forma se crearían archivos
de imagen enormes. Era necesario comprimir la
información de una forma eficiente. La compresión
de imágenes requería necesariamente desechar la
información menos relevante, y de aquí empezaron
a surgir diferentes métodos de compresión de
archivos. Luego comenzó la revolución web, y se
hizo necesario crear formatos más agresivos, que
contuviesen menos información para que el archivo
final pesase cada vez menos. Y todo ello
intentando mantener un resultado coherente y lo
suficientemente bueno como para poder ser útil a
la hora de compartir, imprimir y almacenar
archivos de imagen. Ahora veremos los formatos de
imagen más comunes existentes en estos momentos.
2
3
El formato JPEG
Es uno de los formatos más utilizados hoy en día,
indicado sobre todo para fotografías e imágenes
en tono continuo en Internet por su capacidad de
conseguir imágenes suficientemente reales y con
un gran número de colores. Este formato ha
llegado a convertirse en uno de los formatos más
populares por su versatilidad y una compresión
bastante alta.
32,8 KB
3
4
El formato TIFF
De mayor calidad que el formato JPEG, pero con
compresiones mucho menores. Este formato es
utilizado sobre todo en la impresión de imágenes
digitales, debido a que crea archivos de gran
calidad. El único inconveniente de este formato
es el tamaño de los archivos que crea, por lo que
no suele utilizarse para publicar imágenes ni
almacenamiento. A pesar de ello, TIFF es uno de
los formatos más flexibles y prácticamente
admitido por todas las aplicaciones de pintura,
edición de imágenes y diseño.
99 KB
4
5
El formato BMP
Este formato tiene su origen en la plataforma
Windows y DOS, aunque ahora se ha expandido y es
característico por su usabilidad y el soporte en
la mayoría de software de imagen que podamos
encontrar hoy en día. Muy utilizado por las
aplicaciones basadas en Windows, podemos
encontrarlo en infinidad de imágenes, aunque su
uso mayoritario es en el desarrollo de juegos y
aplicaciones DirectX.
5
731 KB
6
El formato GIF 
Uno de los formatos más utilizados en Internet,
crea gráficos e imágenes en la web. Aunque una de
sus carencias es la de admitir muy pocos colores
(256 como máximo), se ha expandido mayormente por
su capacidad de compresión al ser capaz de crear
archivos de unos pocos kilobytes. Muy utilizado
también en animaciones, al ser posible almacenar
más de una imagen por fichero, creando pequeñas
películas formadas por secuencias de imágenes que
se repiten en el tiempo.
6
81 KB
7
El formato PNG
Formato creado como alternativa a GIF. Viendo que
este último carecía de un aspecto tan importante
como es el modo de color, PNG nace con la
pretensión de ser el nuevo formato de imagen de
intercambio en Internet. Este formato está siendo
utilizado cada vez más para sustituir a GIF en
gráficos para web, y cada vez más en imágenes con
mayor calidad que antes eran comprimidas con
JPEG.  
8 KB
7
8
AHORA COMPARA EL TAMAÑO DE LA MISMA IMAGEN EN
DISTINTOS FORMATOS
57,4 KB (BMP)
5,78 KB (GIF)
6,84 KB (TIF)
2,64 KB (JPG)
4,84 KB (PNG)
8
9
PROGRAMAS QUE TRATAN IMÁGENES
Macromedia Fireworks MX
Corel PHOTO-PAINT y CorelDRAW
Adobe Photoshop y Adobe ImageReady
Los tres primeros programas permiten crear
cualquier tipo de ilustración y retoques
fotográficos.
Microfosft Gif Animator
Este último permite crear Gif animados tomando
una imagen estática y con algunos efectos,
transformarla en una animación.
9
10
Formas de construir una imagen
En nuestro curso, una de las cuestiones que más
nos interesará no será la ilustración en sí
mismo, ni los retoques de fotos, si no más bien
el utilizar programas de manejo de imágenes para
que puedan ser usados en distintos objetivos.
Una imagen bitmap, esta compuesta por pequeños
puntos o píxeles con unos valores de color y
luminancia propios. El conjunto de esos píxeles
componen la imagen total. Para que un ordenador
dibuje un gráfico de mapa de bits, debe recibir
un conjunto de instrucciones para cada uno de
esos puntos (cada bits de datos) que constituyen
la imagen. Para evitar los defectos y pérdidas
de imagen que se producen en las imágenes de tipo
bitmap, las imágenes compuestas por líneas,
figuras planas y textos se pueden guardar como
imágenes vectoriales donde los elementos gráficos
se forman utilizando vectores.
10
11
Cuando variamos el tamaño de las imágenes bitmap,
tenemos que tener en cuenta sus resoluciones, a
fin de evitar pérdidas de información y, en
definitiva, empeorar la calidad de la
imagen. Como las imágenes de mapa de bits
dependen de la resolución, pueden aparecer
dentadas y perder detalle si se digitalizan, o
crean a una resolución baja (por ejemplo, 72
píxeles por pulgada, o ppi).Nota Atención, como
las pantallas de ordenador están hechas de un
conjunto de píxeles, tanto las imágenes
vectorianes como las de mapa de bits se muestran
como pixeles. Las imágenes de mapa de bits como
las creadas con programas como Adobe Photoshop o
Paint Shop Pro, son más adecuadas para trabajar
con imágenes de tono continuo, como fotografías,
o imágenes creadas en programas de pintura. Los
programas vectoriales convierten las figuras en
píxeles para su visualización
11
12
Las imágenes del tipo vectorial se representan
con trazos geométricos, controlados por cálculos
y fórmulas matemáticas, que toman algunos puntos
de la imagen como referencia para construir el
resto. Las instrucciones aquí no son para cada
punto de la imagen, sino que describen
matemáticamente las líneas y curvas que
constituyen la imagen. A esos trazos se les llama
vectores. Una línea, en este tipo de imágenes, se
define por la posición de sólo dos puntos
(principio y fin) y por una función que describe
el camino entre ellos. Los dibujos se pueden
escalar (reducir o aumentar el tamaño de la
imagen), sin que se produzca una pérdida de
información, puesto que si el dibujo aumenta o
disminuye de tamaño el programa recalcula
automáticamente la posición y longitud de cada
uno de los vectores que dibuja cada uno de los
elementos El principal inconveniente de las
imágenes vectoriales es su falta de eficacia para
representar imágenes de tipo fotográfico.
12
13
Los programas vectoriales como las que se crean
con los programas Adobe Illustrator o Corel Draw,
son los más adecuados para el texto y para
gráficos compactos, como logos, que requieren
líneas claras y concisas a cualquier tamaño y
colores planos. También la técnica vectoriales
es aprovechada por programas como Autocad que
guarda en los dibujos en un formato vectorial
propio llamado DXF que le permite intercambiar
datos con otros programas de dibujo o programas
como Flash de Macromedia, útil para incluir
animaciones y crear sitios web.
13
14
Conversión de archivos
Si bien añadir texto a páginas web es algo
sencillo usando un programa asistente, los
usuarios también van a querer agregar
fotografías, gráficos o logotipos. Eso ya no es
tan sencillo. La frase "una foto vale mil
palabras" se puede aplicar apropiadamente en el
web pues, las imágenes requieren mucho más
tiempo para descargar que el texto. Una pequeña
imagen de 6K equivale a mil palabras, de manera
que quienes construyan sitios Web, deberían usar
las imágenes con moderación o bien, podrían
correr el riesgo de alejar a los lectores
mientras esperan que se descarguen las imágenes.
14
15
Afortunadamente, hay maneras de minimizar el
tamaño de los archivos de gráficos web las
imágenes se pueden "comprimir" de manera que sean
pequeñas mientras están en tránsito pero se
"reconstituyen" a su estado original (o casi a su
estado original) cuando aparecen en el
navegador. Para comprimir un archivo de imagen,
simplemente se tiene que guardar en el formato de
archivo correcto. Hay dos formatos de archivo
principales que hacen esto, especialmente para
gráficos web el que se debe usar depende de la
imagen.Antes de comprimir una imagen, sin
embargo, debe cambiarle el tamaño en un programa
de edición de imágenes de manera que tenga el
tamaño final que se desea para la página web. No
es una buena idea dejar que el navegador ajuste
la escala de las imágenes porque eso puede
comprometer el tamaño del archivo y demorar la
presentación de la página. La imagen original
siempre debe ser inicialmente más grande de lo
necesario antes de reducirla. Al ampliar una
imagen demasiado pequeña nunca se logran buenos
resultados porque los detalles simplemente no
están ahí para comenzar y no se pueden generar.
15
16
Para poder poner una fotografía en una página,
tiene que encontrar algo adecuado en una
biblioteca de fotos. De lo contrario, deberá
digitalizar una imagen o tomar una foto con una
cámara digital. La imagen original puede haberse
guardado en una gran variedad de formatos de
archivo (TIFF, PNG, PSD), según la cámara y el
software. El mejor formato de archivo para usar
para fotografías en el web es JPEG, que tiene la
extensión .jpg. La manera en que el formato JPEG
comprime el archivo es bastante complicada, pero
lo único que necesita saber es que se sacrifica
calidad de imagen por archivos más pequeños. El
formato JPEG es un formato "con pérdida", lo que
significa que siempre se pierde algo de la
calidad de la imagen en el proceso de compresión
del archivo de imagen. Una imagen JPEG de alta
calidad tiene un archivo de tamaño grande, un
JPEG de baja calidad tiene uno de tamaño pequeño.
En algún lugar entre estos dos extremos hay un
tamaño de archivo óptimo que tiene un aspecto
casi igual al original. Esto lo tendrá que juzgar
al ojo.
16
17
Por lo general se tiene que hacer una
previsualización de la calidad de la imagen en un
programa de edición de imágenes. A medida que se
reduce el tamaño del archivo y la calidad,
aparecen imperfecciones antiestéticas. Cuando
comienzan a aparecer éstos, reduzca un poco la
compresión. Cuando casi no se ven defectos de
compresión, ha llegado al límite de compresión
sin sacrificar la calidad visual. Una vez que
encuentre el tamaño de compresión ideal para sus
fotos, no olvide guardar a mano una copia del
archivo original sin comprimir en el formato de
archivo nativo del programa de edición. Cada vez
que se cambia el tamaño o se vuelve a guardar un
archivo JPEG, se agrega más "pérdida", lo cual
hará que la imagen se vea peor, y probablemente
también aumente el tamaño del archivo. También
tenemos los archivos GIF para trabajar con ellos
eficientemente en la Web
17
18
En lugar de recordar el color de cada uno de los
píxeles en una imagen, el formato GIF simplemente
cuenta el número de píxeles del mismo color en
una fila. Por ejemplo, en el mundo real acaso no
es mucho más eficiente decir "en esta caja hay 12
lápices rojos, 5 lápices azules y 1 lápiz
amarillo" que decir "éste es un lápiz rojo, éste
es un lápiz rojo, éste es un lápiz rojo..." etc.?
Fundamentalmente, los GIF cuentan las "series" de
un solo color, y reemplazan el valor total por
los valores de cada píxel individual. Esto es
mucho más eficiente, y compacto, que la
compresión JPEG. La decisión que debe tomar con
los GIF es la siguiente "cuánto es el mínimo de
colores que necesito?" Si digitaliza un logotipo
azul en un fondo blanco y le cambia de tamaño
para que entre bien en el espacio que tiene en la
página web, deberá seleccionar una profundidad de
color (o profundidad de bits) para la imagen.
Esto determina la cantidad de colores que se
utilizan para presentar la imagen. La profundidad
de color más pequeña posible es de dos colores
(un color de primer plano y un color de segundo
plano), pero esto pixela el logotipo y resulta en
bordes duros e irregulares.  
18
19
Con cuatro colores, los bordes comienzan a verse
mejor pero siguen estando un poco irregulares.
Con ocho colores ya se ven bastante suaves. El
uso de más de ocho colores para un logotipo de un
solo color es poco probable que mejore la calidad
de la imagen de manera apreciable y sólo aumenta
el tamaño del archivo innecesariamente. Lo que
sucede aquí es que la imagen se mezcla de manera
suave desde el primer plano azul al segundo plano
blanco utilizando varios tonos intermedios de
azul. Por lo general es suficiente con ocho pasos
tonales, pero si el logotipo tiene más de un
color, se recomienda tener un número equivalente
de pasos para los otros colores también. El
número máximo de colores que puede tener una
imagen GIF es 256, pero una imagen de 256 colores
tiene un archivo de tamaño mucho más grande que
una de sólo 8 colores.  
19
20
Conservar el tamaño reducido de los archivos (y
de las páginas) Una vez establecido que los
archivos de gráficos individuales deben ser lo
más pequeños que se pueda, sigue que la cantidad
de archivos en una página también es importante.
Si se reduce el tamaño de archivo de una
fotografía a 10K pero pone 10 en una sola página
web, el tamaño total de la página crecerá a más
de 100K, que podría causar problemas a menos que
todas las visitas de su sitio tengan conexión de
banda ancha. En condiciones óptimas, que en
realidad son muy escasas, una página de 100K toma
entre 15 y 20 segundos para descargar en un
navegador con un módem de marcación típico de 56
kbps, que es demasiado tiempo. Cuando las páginas
se demoran más de 10 segundos en cargar, las
personas pronto pierden interés y se van a otro
lado. El tamaño máximo de una página, incluido
todo el texto y las imágenes, debería ser de
aproximadamente 50K (que se puede descargar en 7
a 10 segundos a 56 kbps). Y menos es mejor.  
21
20
21
Las pruebas de tiempo de carga de páginas web en
su máquina o a través de la red local nunca le
darán resultados realistas. Lo que cuenta es lo
que ve la persona que navega en el web. Antes de
activar una página, es necesario visualizarla
desde un sistema portátil o un equipo de
escritorio conectado al web a través de un módem
normal. Entonces lo que se ve es lo que en
realidad se obtiene. Joe Gillespiewww.wpdfd.com
(en inglés)
Salir del programa, buscar y copiar una imagen,
abrir el Paint, pegar la imagen y guardar dicha
imagen en estos distintos formatos para comparar.
Luego ingresa al programa y continuar con el tema
21
21
22
PIXEL
En principio, si conocemos el tamaño final que
queremos que tenga la imagen, podemos definir su
tamaño introduciendo la altura y anchura deseadas
directamente. Observa que puedes cambiar las
unidades con las que se mide el lienzo (el área
de la imagen) y medirlas en centímetros, útil
para imágenes fotográficas, o en píxeles, más
recomendado para imágenes destinadas a la
publicación en Internet. Un píxel es la unidad
más pequeña en la que se puede descomponer una
imagen digital, a cada píxel le corresponde un
color, y así, píxel a píxel se va formando la
imagen total. Imagina una imagen formada por
millones de cuadraditos diminutos. A simple vista
la imagen con un zoom real (al 100) parece
normal, pero si aumentamos el zoom podemos ver la
imagen cada vez más "cuadriculada". Esto es
debido a que al acercarnos cada vez más vamos
viendo los píxeles de más cerca. Si aumentamos el
zoom al máximo veremos que la imagen está formada
por cuadrados de colores, que en conjunto forman
la imagen. Estos cuadrados son los píxeles.
22
23
Hay que tener en cuenta que un píxel no tiene un
tamaño real (en centímetros). Depende de la
resolución de pantalla con la que se muestre. Si
tu resolución de pantalla es de 800x600 significa
que tu pantalla (sea del tamaño que sea) mostrara
800 píxeles en su anchura y 600 en su altura.
Podemos configurar la pantalla para que muestre
muchos más píxeles en el mismo espacio
seleccionando una resolución de 1024x768 píxeles.
El tamaño en centímetros será el mismo, pero se
mostrarán más píxeles en un mismo espacio. Es
debido a esto que una imagen parezca más grande
en resoluciones más bajas, porque un píxel a
800x600 mide más (en centímetros) que lo que
mediría si nuestra configuración fuese más
alta. Por esto es que una imagen medida en
píxeles es más apropiada para la publicación en
web. Queremos saber el espacio real que ocupará
en pantalla, y no el espacio que tendría si la
imprimiésemos. También es posible que quieras que
tu imagen tenga un tamaño estándar ya definido,
como podría ser el tamaño de hoja A4 o carta. Si
este es tu caso, puedes hacer clic en la lista
desplegable de Predefinir y hacer clic sobre el
elemento que se ajuste a tus medidas. Photoshop,
automáticamente asignará el tamaño al lienzo de
la imagen con las medidas que tiene guardadas
para cada tipo de documento.
23
24
Es necesario comprender también el concepto de
resolución, la siguiente característica que
trabajaremos. La resolución de una imagen dice
mucho sobre su calidad, nos permite conocer la
cantidad de píxeles que podemos encontrar en
ella. La resolución se define como el número de
píxeles por pulgada (ppp o ppi 1 pulgada
equivale a 2.54 centímetros), y por tanto, si las
dimensiones son pequeñas y la resolución alta,
tendremos una imagen de buena calidad. Las
imágenes de mayor resolución pueden reproducir
más detalle y transiciones de color más suaves
debido a la densidad de píxeles. Observa dos
imágenes con las mismas dimensiones pero con
diferentes resoluciones
37
24
24
Write a Comment
User Comments (0)
About PowerShow.com