Please enable JavaScript.
Coggle requires JavaScript to display documents.
Imagen - Coggle Diagram
Imagen
Conceptos básicos de imagen digital
Antes de estudiar los procedimientos más habituales de optimización y tratamiento de
imágenes es conveniente repasar algunas ideas clave relacionadas con la imagen digital.
El píxel:
Es la unidad mínima de visualización de una imagen digital
Resolución de imagen:
Es el grado de detalle o calidad de una imagen digital ya sea escaneada, fotografiada o impresa
Profundidad de color:
La profundidad de color se refiere al número de bits necesarios para codificar y guardar la información de color de cada píxel en una imagen
Modos de color:
Llamamos modo de color al sistema de coordenadas que nos permiten describir el color de
cada píxel utilizando valores numéricos.
Los modos de color más utilizados son:
Modo monocromático:
Se corresponde con una profundidad de color de 1 bit. La imagen está formada por píxeles blancos o píxeles negros puros
Modo Escala de Grises:
Maneja el canal negro y permite 256 tonos de gris entre el blanco y negro puros
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 RGB:
Cada color se forma por combinación de tres canales. Cada canal se
corresponde con un color primario.
Modo HSB:
Cada color surge de los valores de estos tres parámetros: Hue (Tono) que es el valor del color
Modo CMYK:
Cada color se forma por combinación de cuatro canales. Cada canal se
corresponde con un color primario de impresión
Formatos de imagen:
Las imágenes digitales se pueden guardar en distintos formatos Cada uno se corresponde con una extensión específica del archivo que lo contiene. Los más utilizados en la actualidad son: BMP, GIF, JPG, TIF y PNG.
BMP (Bitmap = Mapa de bits)
GIF (Graphics Interchange Format = Formato de Intercambio Gráfico).
JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos Fotográficos Unidos).
TIF-TIFF (Tagged Image File Format = Formato de Archivo de Imagen Etiquetada).
PNG (Portable Network Graphic = Gráfico portable para la red).
Consejos para la optimización de imágenes:
En este apartado se exponen algunos consejos sobre el tratamiento de imágenes para el diseño web:
