Please enable JavaScript.
Coggle requires JavaScript to display documents.
Conceptos básicos de imagen digital - Coggle Diagram
Conceptos básicos de imagen digital
Resolución de imagen
Es el grado de detalle o calidad de una imagen digital
Este valor se expresa en ppp (píxeles por pulgada) o en inglés dpi (dots per inch).
Cuantos más píxeles contenga una imagen por pulgada lineal, mayor calidad tendrá.
El pixel
¿Que és?
El píxel es la unidad mínima de visualización de una imagen digital
Profundidad del color
se refiere al número de bits necesarios para codificar y guardar la información de color
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
Modos de color
Modo Color indexado
Utiliza un canal de color indexado de 8 bits pudiendo obtener
con ello hasta un máximo de 256 colores (28)
Modo RBG
Cada color se forma por combinación de tres canales, Red (rojo), Green (verde), y Blue (azul).
Modo escala de grises
Maneja el canal negro y permite 256 tonos de gris entre el
blanco y negro puros.
Modo HSB
Cada color surge de los valores de estos tres parámetros: Hue (Tono) que es el valor del color: rojo, azul, verde, etc.
Modo monocromático
corresponde con una profundidad de color de 1 bit
Modo CMYK
Cada color se forma por combinación de cuatro canales, Cyan (Ciano), Magent (Magenta), Yellow (Amarillo) y BlacK (Negro).
Formatos de imagen
Las imagénes digitales se pueden guardar en distintos formatos .
JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos Fotográficos Unidos).
La compresión JPEG puede suponer cierta pérdida de calidad en la imagen.
Cada vez que se modifica y guarda un archivo JPEG, se puede perder algo de su calidad si se define cierto factor de compresión.
Las cámaras digitales suelen almacenar directamente las imágenes en formato JPEG con máxima calidad y sin compresión.
Ventaja:
Es ideal para publicar fotografías en la web siempre y cuando se configuren adecuadamente dimensiones y compresión.
Desventaja:
Si se define un factor de compresión se pierde calidad. Por este motivo no es recomendable para archivar originales.
TIF-TIFF (Tagged Image File Format = Formato de Archivo de Imagen Etiquetada).
Ventaja:
Es ideal para archivar archivos originales.
Desventaja:
Produce archivos muy grandes.
Almacena imágenes de una calidad excelente.
GIF (Graphics Interchange Format = Formato de Intercambio Gráfico).
Admite gamas de menor número de colores y esto permite optimizar el tamaño del archivo que contiene la imagen.
Ventaja:
Es un formato idóneo para publicar dibujos en la web.
Desventaja:
No es recomendable para fotografías de cierta calidad ni originales ya que el color real o verdadero utiliza una paleta de más de 256 colores.
PNG (Portable Network Graphic = Gráfico portable para la red).
Debido a su reciente aparición sólo es soportado en navegadores modernos como IE 4 o superior.
Tiene una tasa de compresión superior al formato GIF (+10%)
Admite la posibilidad de emplear un número de colores superior a los 256 que impone el GIF.
BMP (Bitmap = Mapa de bits)
El formato BMP no sufre pérdidas de calidad y por tanto resulta adecuado para guardar imágenes que se desean manipular posteriormente.
Ventaja:
Guarda gran cantidad de información de la imagen.
Desventaja:
El archivo tiene un tamaño muy grande.
consejos para la optimización de imágenes
En ocasiones puede interesar reducir el número de colores de la paleta porque ello supone reducir el tamaño del archivo.
Conviene utilizar un programa de edición gráfica para definir las dimensiones concretas de la imagen antes de insertarla en la página web.
No merece la pena optar por valores mayores ya que aumenta considerablemente el peso del archivo.
Lo más conveniente es guardar los originales de las imágenes favoritas en formatoBMP, TIFF ó JPEG sin comprimir.
Crea y guarda imágenes en resolución no superior a 72 ppp.
Las imágenes GIF son más adecuadas para dibujos, gráficos y logotipos.
El tamaño de un archivo gráfico viene determinado por las dimensiones de la imagen, su resolución, el número de colores y el formato (JPG, GIF, PNG).
Las imágenes JPEG son mejores para fotografías e imágenes con degradados.
Al crear una página web interesa que los archivos que contienen las imágenes sean lo menos pesados.
Es aconsejable NO insertar imágenes en una página utilizando <Ctrl>+<C> (Copiar) y <Ctrl>+<V> (Pegar).
Se pueden modificar algunos de sus parámetros
utilizando un editor de imágenes como por ejemplo GIMP:
Paleta de colores:
Reducir la paleta de colores.
Tamaño de la imagen (Anchura x Altura)
Reducir el tamaño de una imagen.
Recortado de imágenes.
Formato del archivo gráfico:
Conversión de formatos.
