Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Conceptos Básicos de la Imagen Digital

Introducción a los conceptos básicos de la imagen digital Resolución de la imagen, profundidad del color y formatos
by

karina guerra

on 27 July 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Conceptos Básicos de la Imagen Digital

Imagen Digital
VECTORIALES
MAPA de BITS
Conceptos Básicos
¿Qué es una Imagen?
Es una representación visual de un objeto mediante técnicas diferentes de diseño, fotografía, pintura y video.
Imágenes Digitales son aquellas obtenidas mediante dispositivos como filmadoras, cámaras, celulares, scanners o generadas directamente por computadoras.
¿Cómo se obtienen?
Existen dos grandes formas de representación de imágenes que hacen al conjunto de las “imágenes digitales”. Por un lado se encuentran las Rasterizadas o de Mapa de Bits y por otro los gráficos o imágenes vectoriales.

>| Imágenes de Mapa de Bits
MAPA DE BITS (bitmaps)
PIXEL
Un píxel es cada una de las pequeñas áreas o cuadrados que componen una imagen digital.
Puede tener millones de colores
1. Formato de archivo
2. Peso o Volumen
3. Dimensión
4. Resolución
5. Profundidad de color

>| 1. Formato de Archivo
Estos formatos guardan
mayor calidad de imagen pero su peso es considerablemente mayor
tiff - psd - eps - bmp
jpg y png (alta calidad)
Estos formatos pueden incluir
gráficos de vectores y
fuentes editables
jpg - gif - png
IMPRESION
PANTALLA
16 bits
8 bits

Expresa la cantidad de información destinada a representar el color de cada pixel.
La profundidad de color de una imagen se refiere al número de colores diferentes que puede contener cada uno de los puntos o píxeles que la forman, y depende de la cantidad de información (número de bits) que puede almacenar un píxel.
Cuanto mayor sea la profundidad de bit en una imagen, mayor será la cantidad de tonos (escala de grises o color) que puedan ser representados, más colores habrá disponibles y más exacta será la representación del color en la imagen digital. Las imágenes digitales se pueden producir en blanco y negro, a escala de grises o a color.
Modo
-
BITMAP:

1 bit (2 tonos blanco o negro) por px.
-
ESCALA GRISES:
8 bits (256 colores o grises) por px.
-
RGB (Red, Green, Blue):
24 bits (imágenes en color 16,7 millones de colores) por px.
-
CMYK (Cian, Magenta, Yellow, Black):
32 bits ( solo para impresión de calidad)
Formato: .jpg
Modo: RGB - 8 bits Peso: 155 Kb.
Formato: .jpg
Modo: Escala de Grises 8 bits Peso: 127 Kb.
Formato: .gif
Modo: indexado – 8 bits (256 colores)
Peso: 111 Kb.
Formato: .png
Modo: RGB - 24 bits Peso: 167 Kb.
>| 4. Resolución
Al intentar ampliar la resolución y el tamaño de la imagen vemos que esta se deforma y pierde nitidez.
(Ej: Imagen de 150 DPI)
Las fotografías que se obtienen a partir de las cámaras digitales son mapas de bits, las imágenes que captura un escáner también lo son; en estas imágenes la calidad máxima que tienen (número de píxel por unidad de medida (píxeles/cm o píxeles/pulgada) viene determinada en el momento de crearlas por lo que no podremos ampliar la resolución o número de píxeles por unidad posteriormente, es decir, no podremos ampliar su resolución sin que la imagen se vea afectada, en general deformándose y perdiendo nitidez, ya que se modifican los píxeles que las componen
Una imagen en alta resolución, se puede ampliar y sigue siendo nítida y con detalle. Aunque su peso es considrablemente mayor.
(Ej: Imagen de 300 DPI.)
La misma imagen en baja resolución, los píxeles se ven a simple vista (Pixelado) y la ampliación de la imagen la hace confusa.
(Ej: Imagen de 72 DPI)
La resolución es inversamente proporcional al tamaño de una imagen (bitmap) Si tomamos una imagen bitmap y reducimos su tamaño a la mitad, la resolución aumentará al doble.
Si tomamos una imagen bitmap y aumentamos su tamaño al doble, la resolución disminuirá a la mitad.
Ejemplo de imagen comprimida; la original pesa 207kb, se ha ido variando la compresión de la misma hasta llegar a 11.16kb, si se observa se puede reducir aún mas el peso de la foto,
sin embargo la calidad empeora bastante.
Imágenes construidas mediante mapas de bits
La imagen aparece con sus bordes aserrados, lo cual es corregido por el software generando un antialias, lo cual hace ver la imagen mas suavizada

El monitor las va a mostrar similares pero el peso será notoriamente menor mientras menos dpi tenga.
Formato: .jpg
Resolución: 300 dpi
Peso: 1167 Kb. ó 1.14 Mb
Formato: .jpg
Resolución: 72 dpi
Peso: 168 Kb.
Softwares de tratamiento de imágenes más utilizados:

Photoshop
Fireworks
Picmonkey.com (editor online)
Pixlr.com (editor online)
Splashup (editor online)
>| Imágenes Vectoriales
Las imágenes vectoriales se construyen a partir de vectores. Los vectores son objetos formados matemáticamente. Un vector se define por una serie de puntos que tienen unos controladores con las que se puede manejar la forma de la línea que crean al estar unidos entre sí. Los principales elementos de un vector son las curvas Béizer (curvas representadas matemáticamente).

Estas líneas o curvas béizer son muy manejables ya que permiten muchas posibilidades por su plasticidad. Estas características las convierten en la manera ideal de trabajar cuando se trata de diseño gráfico, (como creación de logotipos o dibujos). La versatilidad de las mismas las convierten en una manera muy útil para trabajar también con textos ya que se pueden modificar y deformar sin límite, a cada letra se le pueden asignar contornos editables además de poder descomponer la misma en varios objetos.
Imagen vectorial. Curva de Béizer. La curva queda definida por los nodos o puntos de anclaje y por los controladores que definen y modelan su forma. Para modificarlas simplemente hay que mover las flechas hasta que consigamos la curva deseada.
Controlador
Al utilizar los formatos vectoriales coordenadas matemáticas para formar imágenes concretas, la resolución de las mismas es infinita, es decir, toda imagen vectorial se puede escalar ampliando o reduciendo sin que la visibilidad de la misma se vea afectada, ni en pantalla ni a la hora de imprimir.
Dibujo original y ampliado que por ello se produzca ni perdida de color ni de forma
La imagen vectorial nos permite crear contornos de línea variada y definir el color de las formas que éstas crean. La forma se puede controlar de manera muy precisa y cada objeto se puede manejar de forma independiente al resto ya que esta construido con una fórmula matemática propia.
Formatos de Imágenes Vectoriales
Megapixel
1 megapixel equivale a 1 millón de pixeles.
El megapixel suele utilizarse para contar la cantidad de píxeles que contiene una imagen digital o también para medir
la resolución de las cámaras digitales.

Por ejemplo, una cámara digital de 3,1 megapixeles puede tomar imágenes con un máximo de resolución de 2048 x 1536 (o sea 3.145.728 pixeles)
El Bit y el color
El Bit y el color
Tiene que ver con la composición del color de la imagen
dpi
Vectores
Escala infinita
Scale Vector Graphics
.fla|.swf
.eps
.ai
.cdr
.svg
Extensiones generadas por el software Flash. Óptimo para animaciones de bajo peso
El EPS es uno de los mejores formatos para ser importados desde la mayoría de software de diseño. Es un formato muy adaptable ya que podemos utilizarlo igualmente para imagen vectorial como mapa de bits.
Sus características en la forma de construir gráficas son iguales a las del Programa Corel Draw.
Es el formato del programa que lo genera. Los gráficos que realizamos con  Corel Draw son vectoriales y están compuestos por líneas y planos que se sitúan en unas coordenadas concretas en la página.
Universidad Metropolitana de Ciencias de la Educación
Facultad de Artes y Educación Física
Departamento de Artes Visuales
Profesores:
Karina Guerra
Eugenio Contreras
El concepto

>| 5. Profundidad de color
pdf y swf
...
...
Profundidades de color

gracias
(o Rasterizadas)
FULL HD
1920 x 1080 px.
2.1 MP
Cámara
=
Tamaños de pantalla en px.
Imagen Digital
Es un archivo informático formado por una serie de matrices numéricas de ceros y unos que se almacenan en una memoria informática y que definen sus características
Categorías de Imágenes Digitales
v/s
Cada forma se compone de un conjunto de celdas contenidas en una retícula ortogonal, donde cada elemento recibe el nombre de pixel (picture ellement)

>| 5 Factores que Definen
La Imagen Digital

Es uno de los formatos más conocidos y utilizados por su calidad y bajo peso de los archivos.
No acepta transparencias.
>| Formatos de imagen de mapa de bits para diseño de pantalla.
jpg
gif
png
Es un formato gráfico que comprime sin pérdida de datos y de uso libre. Almacena imágenes con una mayor profundidad de color (hasta 24 bits). Permite almacenar transparencias
Este tipo de archivo se creó con la finalidad de obtener archivos de tamaño muy pequeños. Es recomendado para guardar imágenes NO fotográficas tales como: Logotipos, imágenes de colores planos, dibujos simples, etc. (8 bits-256 colores). Alacena transparencias. Permite animaciones (gif animado).
Existen dos tipos genéricos de formato:
>| Tipos de Formato de Archivo
Creado bajo la misma extensión de la aplicación que lo ha creado y no puede abrirse con ningún otro programa que no sea el que lo creó.
El cual es apropiado para insertar o leer en aplicaciones distintas de la que lo ha creado.
Nativo
de Exportación
.ai .psd
.jpg .gif .png
>| 2. Volumen o Peso
>| 3. Dimensión
Las medidas en pixeles tienen una equivalencia en unidades de medida para ser usadas en el mundo real, por ejemplo cm, mt, etc.
inversamente proporcional al tamaño de una imagen (bitmap)
Es preciso utilizar las resoluciones apropiadas para los diversos usos de la imagen
>| 3. Dimensión
Soporte

Pantalla




Papel
Uso

Hipermedia
Video
Documentos Digitales


Gigantografía
Documentos de escritorio
Imprenta
Resolución


72 dpi



100 dpi
150 dpi
300 dpi (mínimo)
1 bit: Blanco y negro
8 bits: 256 colores
16 bits: Miles de colores
24 bits: 16,8 Millones de colores
32 - 64 bits: Muchos más
Vectores
¿Qué es la Imagen Digital?
Todo archivo digital posee un formato, el cual se expresa como una extensión del nombre del documento, separado por un punto
>| 1. Formato de Archivo
.jpg
.gif
.ai
Corresponde a la cantidad de información, expresada en código binario contenida en el archivo
Archivos Digitales = constituidos por 0 y 1
La unidad mínima es el bit conjunto de 8 bits = 1 byte
1.024 bytes = 1 Kilo byte
1.024 Kb = 1 Mega byte 1.024 Mb = 1 Giga byte
>| 3. Dimensión
Los archivos digitales se representan mediante pixeles, así los pixeles constituyen una unidad de representación subjetiva de la imagen y por otra parte, al ser los elementos que conforman la imagen, constituyen una unidad de medida objetiva.
>| 4. Resolución
La resolución constituye la “calidad” de la imagen, expresada en la densidad o cantidad de pixeles que linealmente, ocupan el espacio de una pulgada.La unidad de medida de la resolución :
dpi (dot per inch) ppi (pixel per inch) o ppp (puntos por pulgada)
Relación Peso-Calidad
Resolución en pantalla es similar, varía al imprimir
Full transcript