miércoles, 4 de marzo de 2020

Principios Básicos de las imágenes digitales

¿QUÉ ES UNA IMAGEN DIGITAL?

Es una representación bidimensional de una imagen a partir de una matriz numérica, frecuentemente en binario (unos y ceros). Dependiendo de si la resolución de la imagen es estática o dinámica, puede tratarse de una imagen matriarcal (o mapa de bits) o de un gráfico vectorial.
Resultado de imagen para imagenes mapa de bits

TIPOS DE IMÁGENES DIGITALES:

Imágenes vectoriales



Son imágenes constituidas por objetos geométricos autónomos (líneas, curvas, polígonos,...), definidos por ciertas funciones matemáticas (vectores) que determinan sus características (forma, color, posición,...)

Se crean con programas de diseño o dibujo vectorial como:
  • Adobe Ilustrator,
  • Corel Draw,
  • Inkscape

Su principal ventaja es que una imagen puede ampliarse sin sufrir el efecto de “pixelado” que tienen las imágenes de mapa de bits al aumentarse.

Algunos formatos de imagen vectorial son:
Resultado de imagen para imagenes vectoriales
  • AI (Adobe Illustrator),
  • CDR (Corel Draw),
  • DXF. (Autodesk),
  • EMF,
  • EPS,
  • ODG (Open Office Draw),
  • SVG (Inkscape),
  • SWF (Adobe flash),
  • WMF (Microsoft)



Imágenes de mapa de bits
Resultado de imagen para imagenes de mapa bit
Están formadas por una serie de puntos (píxeles), cada uno de los cuales contiene información de color y luminosidad. Salvando la diferencia, podemos compararla con un mosaico y sus teselas. Presentan:
  • mayor gama gama de colores 
  • mayor gama de tonos que las vectoriales.

Por lo que son el tipo de imágenes usado en fotografía y, se crean con las cámaras de fotos, los escáneres y con programas de edición de imagen y dibujo (Adobe Photoshop, Gimp, etc.)

Formatos de imagen de mapa de bits
Resultado de imagen para imagenes mapa de bits
  • Es recomendable el uso  de formatos que utilicen compresión.
  • La elección del formato se hará en función de lo que se desea obtener y de los procesos que desee realizar a posteriori el fotógrafo.

Es importante valorar previamente lo siguiente:
  • El contenido de la imagen
  • La calidad que se desea obtener en función de su destino
  • El tamaño que tendrá el archivo resultante.
Algunos formatos de mapa de bits son los siguientes:
  • BMP. Formato introducido por Microsoft y usado originariamente por el sistema operativo Windows para guardar sus imágenes.
  • GIF. El fin de conseguir archivos de tamaño muy pequeños. Admite solo 256 colores por lo que no es adecuado para imágenes fotográficas pero si es muy apropiado para logotipos, dibujos, etc. Permite crear animaciones (gif animado) y transparencias.
  • JPEG. Es uno de los formatos más conocido y usado para fotografías digitales ya que admite millones de colores. 
  • PNG. Formato creado con el fin de sustituir a GIF. Utiliza sistemas de compresión gratuitos, y admite muchos más colores que GIF. También admite transparencias pero no animaciones. Al admitir más colores es posible crear imágenes transparentes con mayor detalle.
  • PSD. Es el formato por defecto del editor de imágenes Adobe Photoshop y por tanto es un formato adecudo para editar imágenes con este programa y otros compatibles. Admite millones de colores, capas, canales.
  • RAW. Formato “en bruto”. Esto quiere decir que contiene todos los píxeles de la imagen captada, tal y como se han tomado. 
  • TIFF. Formato utilizado para el escaneado, la edición e impresión de imágenes fotográficas
Resultado de imagen para formatos de imagenes de mapas de bits

Profundidad de color de mapa de bits:

La profundidad de color o bits por píxel (bpp) es un concepto de la computación gráfica que se refiere a la cantidad de bits de información necesarios para representar el color de un píxel en una imagen digital o en un framebuffer. Un bit es una posición de memoria que puede tener el valor 0 ó 1. Cuanto mayor sea la profundidad de color en bits, la imagen dispondrá de una paleta de colores más amplia. Se utiliza 1-bit para imágenes en blanco/negro, sin grises (0=color negro, 1= color blanco), 2-bits = 4 colores (00=color negro, 01=color X, 10=color Y, 11=color blanco), 3-bits = 8 colores, ..., 8-bits = 256 colores, ..., 24-bits = 16.7 millones de colores.


RESOLUCIÓN DE IMAGEN:
Es la resolución del archivo digital, la densidad de píxeles en la imagen definida por el número de píxeles distintos que tiene la imagen por unidad de longitud. Su unidad de medida son los PPI/PPP (pixels per inch/píxeles por pulgada). Cuanto mayor sea esta resolución, más contenedores de información (píxeles) tiene el fichero digital, más calidad (detalles) tendrá la imagen y más peso en MB tendrá el fichero.
Para clasificar las imágenes se suelen dividir en alta y baja resolución. Las imágenes en alta resolución (high-res) están previstas para impresión, teniendo generalmente 300ppi. En cambio, las imágenes en baja resolución (low-res) suelen utilizarse para mostrar solamente en pantalla (web, redes sociales…) y tienen generalmente una resolución de 72dpi.






RECOMENDACIONES PARA EL USO DE LOS DIFERENTES FORMATOS DE IMAGEN
Resolución, modelos de color, márgenes, composición, compresión y formatos son algunos de los términos que usan los gráficos en su trabajo cuando preparan sus archivos para imprimir o para usar en Internet.
Web, multimedia, correo electrónico, vídeo:
·         Fotografias: JPEG
·         Dibujos y logotipos: JPEG, GIF, PNG
Impresión: TIFF, PSD, JPEG
Fotografía (cámara):
·         Aficionado: JPEG
·         Profesional o aficionado avanzado: RAW
Formatos de imagen para los mapas de bits
Formato
Aplicación recomendada
JPG
Almacenamiento y publicación de fotos.
PNG
Almacenamiento y publicación de imágenes y gráficos pequeños (logotipos, iconos, barras, etc.), gráficos con transparencia, fotos sin pérdidas.
GIF
Creación de animaciones, clip arts o logotipos en los que una menor profundidad de color no plantea ningún problema.
TIFF
Transmisión de imágenes de calidad y con alta resolución para las impresione
PSD
Almacenamiento temporal y reedición de gráficos más usados a menudo, patrones de diseño
BMP
almacenamiento de fotos/gráficos en el ámbito offline
Formatos de imagen vectoriales
EPS
Descripción de impresiones más complejas (el formato se ha quedado obsoleto)
SVG
Los scripts pueden acceder al contenido por medio de la interfaz DOM (Document Object Model).
Las máquinas pueden leer los gráficos SVG.
El código correspondiente puede marcarse y adaptarse como archivo aparte o directamente en el documento HTML.