Imágenes vectoriales
Las imágenes vectoriales no están formadas por píxeles, sino que se construyen a partir de líneas o curvas definidas por ecuaciones matemáticas en las que se establecen parámetros como coordenadas, grosor y color del contorno, color del relleno, etc. Los objetos no dependen de la resolución, por lo que, sin importar el tamaño al que se amplíen, se ven nítidos y con contornos limpios.
Los programas más utilizados para trabajar con este tipo de imágenes son Corel Draw y Adobe Illustrator
Las imágenes vectoriales se usan en carteles, dibujos de precisión, logotipos, folletos y otros documentos en los que la imagen hecha con una gama reducida de tintas planas, debe ser reproducida en distintos soportes y a distintos tamaños.
Bitmaps
Los bitmaps están formados por una trama de cuadraditos o píxeles (píxel: abreviatura de picture element – elemento de imagen), cada uno con una posición fija y un color de relleno, pero como el ojo integra visualmente las variaciones de color y luminosidad entre píxeles adyacentes, son percibidos como un conjunto transformándolos en una imagen muy real.
A baja resolución o al “escalarlos” aumentando su tamaño, los píxeles se perciben y la imagen se ve con un aspecto dentado o borroso, especialmente en las líneas curvas y en las zonas en donde hay cambios bruscos de luminosidad.
Los programas más utilizados para trabajar con bitmaps son Photoshop, Corel PhotoPaint y Photopea.
Resolución de una imagen
La resolución de una imagen está relacionada con su calidad ya que indica la cantidad de píxeles que la forman. La resolución se mide en píxeles por unidad de medida, es decir en ppp (píxeles por pulgada - 1 pulgada equivale a 2,54 cm. aproximadamente).
En los mapas de bits, la resolución de la imagen puede describirse:
- con dos números enteros, donde el primero es la cantidad de columnas de píxeles (cuántos píxeles tiene la imagen a lo ancho) y el segundo es la cantidad de filas de píxeles (cuántos píxeles tiene la imagen a lo alto)
- con el número total de píxeles en la imagen (expresado usualmente en megapíxeles = 1 millón de píxeles), que se calcula multiplicando la cantidad de columnas de píxeles por la cantidad de filas de píxeles.
Resolución del monitor
Es el número de píxeles por pulgada con los que se forma la imagen en pantalla.
Cuanto mayor sea la resolución, mejor será la calidad de la imagen en pantalla.
La resolución se indica por la multiplicación de píxeles horizontales y verticales. Por ejemplo, un monitor cuya resolución máxima es de 1024x768 píxeles puede representar hasta 768 líneas horizontales de 1024 píxeles cada una.
Si bien los monitores trabajan en múltiples resoluciones, se debe tener en cuenta que la misma está relacionada con el tamaño del monitor y con la capacidad de la tarjeta gráfica instalada en la PC. Por ejemplo en un monitor de 15” puede apreciarse una resolución máxima de 1024x768, pero si se cuenta con una tarjeta VGA, la máxima resolución posible será de 640x480.
En Photoshop y Photopea, los píxeles de la imagen se traducen directamente a píxeles de monitor, lo que significa que cuando la resolución de una imagen es mayor que la resolución del monitor, la imagen aparece más grande en pantalla de lo especificado en sus dimensiones; es decir, necesita más pulgadas para poder mostrar todos los píxeles que contiene.
Dimensiones de la imagen
Las dimensiones de una imagen se expresan habitualmente en cm o mm. Por ejemplo, una imagen de 10 x 15 cm medirá 10 cm de ancho y 15 cm de alto.
Resolución de la impresora
Se mide en puntos por pulgada o dots per inch (dpi). Una resolución estándar es de 300 ppp. Obviamente a mayor resolución, mayor calidad de la imagen.
Profundidad de color
Cada uno de los píxeles de una imagen bitmap muestra un color, por lo tanto el archivo que guarda los datos de la imagen debe contener la información del color de cada uno de los píxeles. Cuántos bits se emplean para albergar esta información, es lo que se conoce como profundidad de color. En otras palabras, profundidad de color es el número de bits utilizados para describir el color de cada pixel de una imagen.
Cuanto mayor sea la profundidad de color de una imagen, más colores tendrá la paleta disponible, por lo tanto, la representación podrá hacerse con más matices, con colores más sutiles.
Las imágenes en blanco y negro (sin tonalidades de gris) necesitan solamente una profundidad de 1 bit/pixel: si el bit tiene color 0 será negro (ausencia de los tres colores) y si vale 1 (suma de los 3 colores), será blanco.
Con 8 bits podremos elegir entre 256 colores, porque 2 elevado a la potencia 8 = 256. Esta es una profundidad de color suficiente para las imágenes construidas en el modo denominado escala de grises, porque con 8 bits cada pixel puede adoptar un tono entre 256 valores posibles de gris.
Con 16 bits, se pueden mostrar hasta 65.536 colores. Con 24 bits, hasta 16,7 millones de colores, etc.
En síntesis, cuanto mayor sea la profundidad, se utilizará una cantidad mayor de colores para describir la imagen.
Tamaño de archivo
Es una cifra, en bits o en bytes (usualmente indicada en Kb = 1024 bytes o Mb = 1024 Kb), que describe la cantidad de memoria necesaria para almacenar la información de la imagen en un soporte (disco rígido, DVD, tarjeta de memoria, etc.). El tamaño del archivo depende de varios factores: básicamente resolución y profundidad de color.
Compresión de archivos
Los archivos de imagen, especialmente los bitmaps, ocupan un gran espacio de almacenamiento. Esto hizo necesario el desarrollo de tecnologías capaces de comprimirlos, desechando para ello la información menos relevante pero sin pérdidas significativas, de manera que puedan publicarse o imprimirse sin resignar demasiado la calidad.
Cada sistema de compresión utiliza un algoritmo matemático propio para reducir la cantidad de bits necesarios para describir la imagen. La extensión del archivo indica el formato de compresión aplicado, por ejemplo bmp, jpg, gif, png, etc.
Los más utilizados son:
⇨Formato JPG
Es un formato de alta compresión sin que el ojo pueda percibir diferencias. Tiene muy buena calidad y alta compresión
⇨Formato TIF o TIFF
Tiene muy buena calidad pero menor compresión que el JPG
⇨Formato GIF
GIF (Graphics Interchange Format - Formato de Intercambio de Gráficos) es un formato de alta compresión y baja calidad. Admite 256 colores solamente pero permite hacer secuencia de imágenes que se repiten, es decir animaciones.
GIF (Graphics Interchange Format - Formato de Intercambio de Gráficos) es un formato de alta compresión y baja calidad. Admite 256 colores solamente pero permite hacer secuencia de imágenes que se repiten, es decir animaciones.
⇨Formato PNG
PNG (Portable Network Graphics - Gráficos de red portátil) tiene buena calidad y buena compresión (aunque mayor que la de los JPG). Permite fondos transparentes
Tiene la gran ventaja de permitir fondos transparentes.
⇨Formato BMP
Buena calidad, baja compresión. Es usado por Microsoft y sus aplicaciones.
Para guardar un archivo mientras se trabaja con Photopea o Photoshop se usa PSD, que permite guardar las capas y continuar con la edición o composición de imágenes.
El modo de color RGB
La gama de colores se forma con la mezcla aditiva de tres colores o canales: rojo (Red - R), verde (Green - G) y azul (Blue - B).
Las cantidades utilizadas de cada color primario se expresan con un número que puede adoptar cualquier valor entre 0 (ausencia absoluta de ese color) y 255 (cantidad máxima).
Se llama aditivo porque la mezcla de los tres colores básicos produce el color blanco (255, 255, 255) y la ausencia de los tres colores produce el color negro (0, 0, 0).
Se llama aditivo porque la mezcla de los tres colores básicos produce el color blanco (255, 255, 255) y la ausencia de los tres colores produce el color negro (0, 0, 0).
Es el modo que emplean los monitores.
Aunque RGB es un modelo de color estándar, puede variar el rango exacto de colores representados, según la aplicación o el dispositivo de visualización, o sea si se ve lo mismo en distintos monitores o pantallas de celulares o tablets, por ejemplo pueden notarse ligeros cambios en la tonalidad.
El modo CMYK
(Cian - Magenta - Yellow - Black)
Aplica un sistema sustractivo del color, basado en las mezclas de las tintas.
Se llama sustractivo porque la tinta sustrae al espectro de luz blanca una parte de la radiación, dicho de otro modo la tinta absorbe una parte de las longitudes de onda de la luz que recibe.
Se llama sustractivo porque la tinta sustrae al espectro de luz blanca una parte de la radiación, dicho de otro modo la tinta absorbe una parte de las longitudes de onda de la luz que recibe.
Los colores se describen con el porcentaje de tinta utilizado, que va del 0% (mínimo - o sea no se coloca nada de ese color) al 100% (se coloca el máximo posible de ese color).
En las imágenes CMYK, el blanco puro se genera si los cuatro componentes tienen valores del 0%.
Teóricamente, si pintásemos una hoja de papel con tinta cyan, magenta y amarillo debería absorber todo el espectro, produciendo, en consecuencia, el color negro. Pero en la práctica las tintas no son de color puro y sólo conseguimos un marrón oscuro, que tenemos que ajustar con tinta negra para mejorar la calidad de la reproducción.
Este modo de color es el empleado cuando hay que ajustar el color para imprimir una imagen sobre papel.
Este modo de color es el empleado cuando hay que ajustar el color para imprimir una imagen sobre papel.
Aunque CMYK es un modelo de color estándar, puede variar el rango exacto de los colores representados, dependiendo básicamente del dispositivo y del tipo de tinta empleado.
En síntesis
HSB
Clasifica los colores de acuerdo a tres características básicas: tono, saturación y luminosidad.
· Tono (Hue)
Esta propiedad se refiere a la longitud de onda dominante en la luz emitida o reflejada por un objeto. Para asignar un valor al tono se utiliza una rueda de color normalizada, en la que los tres colores primarios (rojo, verde y azul) y los tres colores secundarios (cyan, magenta y amarillo) se alternan a lo largo de una circunferencia.
El tono se mide en grados, de 0º a 360º, según su posición en la periferia de la rueda de color (de rojo a 0º, amarillo a 60º, verde a los 120º y magenta a los 300º)
El tono se mide en grados, de 0º a 360º, según su posición en la periferia de la rueda de color (de rojo a 0º, amarillo a 60º, verde a los 120º y magenta a los 300º)
· Saturación
Es el grado de pureza del color. Un color muy saturado es un color con una tonalidad intensa y pura. Por el contrario, un color poco saturado es el que tiene una tonalidad apagada.
Se expresa en porcentaje y oscila entre el 100%, que corresponde a los colores puros, saturados al máximo y el 0%, que corresponde a los colores apagados en los que ya no se distingue la tonalidad.
En la rueda de color HSB, la saturación se representa a lo largo del radio de la circunferencia. Los colores muy saturados se encuentran cerca del borde y los colores poco saturados son los que están cerca del centro del círculo.
Se expresa en porcentaje y oscila entre el 100%, que corresponde a los colores puros, saturados al máximo y el 0%, que corresponde a los colores apagados en los que ya no se distingue la tonalidad.
En la rueda de color HSB, la saturación se representa a lo largo del radio de la circunferencia. Los colores muy saturados se encuentran cerca del borde y los colores poco saturados son los que están cerca del centro del círculo.
· Luminosidad (brightness)
Describe la cantidad de luz reflejada. Se trata por tanto de una magnitud relativa, que se expresa también en forma de porcentaje, desde el 100% (luminosidad total) hasta el 0% (oscuridad total). Código hexadecimal de un color
El código hexadecimal se expresa por una serie alfanumérica (compuesta por números y letras) de 6 caracteres precedidos por el signo “#”.
Estos 6 caracteres son en realidad 3 grupos de 2 (3 parejas). Cada pareja corresponde a un color básico RGB (rojo, verde y azul, respectivamente): #RRGGBB (= #RRVVAA)
Un código hexadecimal puede tener números del 0-9 y letras de A-F. El negro sería #000000 y el blanco #FFFFFF.
Colores seguros para usar en páginas web.
A pesar de ser solamente 216, los colores seguros permitirán que se muestren de la misma manera en todos los navegadores.
