Imágenes rasterizadas y vectoriales. ¿Qué son los gráficos de trama y dónde se utilizan? Representación de mapa de bits de una imagen

A menudo, de una forma u otra, al tocar el tema del diseño web o de impresión, nos encontramos con los conceptos de gráficos de trama y gráficos vectoriales. En esta publicación intentaré explicar con el mayor detalle y de la forma más inteligible posible qué es, dónde se usa y por qué se necesita.

Gráficos de trama

Constantemente nos encontramos con ejemplos de gráficos de trama en la vida: una imagen en un televisor, monitor de computadora portátil, pantallas de tabletas o teléfonos inteligentes: todos estos son ejemplos de gráficos de trama. Pero, ¿qué son los gráficos de trama desde un punto de vista técnico? Imagina un tablero de ajedrez, cada celda es la unidad mínima e indivisible. En los gráficos de trama, es habitual llamar a esa unidad mínima un "píxel". Cualquier imagen rasterizada consta de muchos de estos píxeles que crean una especie de mosaico. Porque los píxeles son muy pequeños y hay muchos de ellos, nuestro ojo percibe este mosaico como una imagen completa.

Por la extensión del archivo, a menudo puede comprender de inmediato que contienen una imagen de mapa de bits.

Formatos de gráficos de trama

BMP, GIF, JPG y JPEG, PNG, PICT, PCX, TIFF, PSD (con algunas excepciones, consulte a continuación)

Editores de mapa de bits

Hay muchos de ellos, pero los principales son Photoshop y Paint brush (el programa predeterminado instalado en Windows), así como editores de gráficos rasterizados especializados para dibujo digital (por ejemplo, Corel Painter).

Desventajas y limitaciones de los gráficos de trama

La principal desventaja de los gráficos de trama es la pérdida de calidad cuando se amplía la imagen. Qué sucede cuando estiras una imagen ráster: entre los píxeles existentes, el editor de gráficos ráster crea otros adicionales y el color aplica el promedio con los píxeles conjugados. Como resultado, obtenemos una imagen "borrosa", no clara. Además, los archivos de gráficos de trama son más grandes que los archivos de gráficos vectoriales.
Si hablamos de fotografías o imágenes en las que necesitas transferir calidad fotográfica con medios tonos: no hay alternativa al formato de solución.

Gráficos vectoriales

Si no es diseñador, encontrará ejemplos de gráficos vectoriales con mucha menos frecuencia. En la mayoría de los casos, los gráficos vectoriales se utilizan para crear diseños, más comunes en el diseño de impresión. Los gráficos vectoriales no pueden transmitir tonos y medios tonos, pero son mucho más convenientes cuando se trata de formas simples, textos, formas de contorno. El principio de los gráficos vectoriales: cualquier contorno se especifica utilizando puntos de referencia, y todo el espacio del área de trabajo es un sistema de coordenadas. Cualquier figura en dicho espacio se describe mediante las coordenadas de los puntos de referencia, los segmentos de conexión entre ellos y las características del relleno (color, degradado, patrón) de la superficie interior. Aquellos. cualquier imagen vectorial es principalmente una fórmula matemática.

Formatos de gráficos vectoriales

CDR, EPS, Ai, CMX, SVG, PSD (en algunos casos)

Editores de gráficos vectoriales

Los editores de gráficos vectoriales más comunes son CorelDraw e Illustrator. Pero hay otra excepción importante que apareció hace apenas unos años. En Photoshop (originalmente un editor rasterizado), ahora es posible usar un vector. Por lo tanto, Photoshop se puede atribuir simultáneamente tanto a los editores de gráficos de trama como a los editores de gráficos vectoriales. Recomiendo leer una publicación separada sobre esto, donde hablo en detalle sobre las herramientas vectoriales.

Desventajas y limitaciones de los gráficos vectoriales

Una vez más, los gráficos vectoriales son bastante especializados. Está fuera de discusión que podrá reemplazar el formato raster. Los gráficos vectoriales no son capaces de reproducir tonos y medios tonos como una imagen fotográfica y sirven para otros propósitos.

Beneficios del formato vectorial

Cualquier imagen en formato vectorial se puede ampliar o reducir fácilmente sin pérdida de calidad. Qué sucede al escalar una imagen vectorial: una imagen vectorial es una expresión matemática, al aumentar o disminuir, el programa recalcula las coordenadas de los puntos de control y “redibuja” la imagen de una nueva forma. Por tanto, es el formato vectorial que suelen utilizar los diseñadores a la hora de desarrollar un logotipo. El cliente siempre puede cambiar el logotipo vectorial a cambio sin pérdida de calidad (al menos ampliarlo al estado de un banner y envolver su oficina 10 veces). Una ventaja importante del formato vectorial es también la capacidad de corregir rápidamente el color con solo un par de clics (porque el color también se establece mediante un valor digital) y nada talla grande archivos (la fórmula matemática describe solo los puntos de anclaje, no todos los píxeles del espacio de trabajo).

Se abren nuevas perspectivas para las imágenes vectoriales con la llegada del formato SVG, que empieza a ser muy utilizado en el diseño web. Los navegadores modernos ya admiten esto formato gráfico, que te permite escalar imágenes en SVG sin perder calidad, lo cual es importante, por ejemplo, cuando el sitio es adaptativo.

Muestreo

Un ejemplo de representación analógica informacion grafica puede servir como un lienzo de pintura, cuyo color cambia continuamente y discreto: una imagen impresa usando impresora de inyección de tinta y que consta de puntos individuales de diferentes colores.

Un ejemplo de almacenamiento analógico informacion de sonido es un disco de vinilo ( banda sonora cambia su forma continuamente) y discreto: un CD de audio (cuya pista de sonido contiene áreas con diferente reflectividad).

Representación de imágenes en un ordenador.

Imagen:

    Ráster

    vector

mapa de bits:

mapa de bits es una colección de puntos (píxeles) de diferentes colores.

píxel - el área mínima de la imagen, cuyo color se puede configurar de forma independiente.

En el proceso de codificación de una imagen, se realiza su muestreo espacial.

La discretización espacial de una imagen se puede comparar con la construcción de una imagen a partir de un mosaico (una gran cantidad de pequeños vasos multicolores).

La imagen se divide en pequeños fragmentos separados (puntos), y a cada fragmento se le asigna el valor de su color, es decir Codigo de color (rojo, verde, azul, etc.).

La calidad de la imagen depende del número de puntos (cuanto menor sea el tamaño del punto y, en consecuencia, cuanto mayor sea su número, la mejor calidad) y el número de colores utilizados (cuantos más colores, mejor se codifica la imagen).

Ventajas de la codificación de trama:

2. Prevalencia

Contras de la codificación de mapa de bits:

1. Método genérico(le permite codificar cualquier imagen)

2. Prevalencia

3. El único método para codificar y procesar imágenes borrosas que no tienen límites claros (fotos)

4. El mapa de bits es natural para la mayoría de los dispositivos de E/S

Los formatos de trama más populares:

Formatos de mapa de bits:

    Imagen de mapa de bits (BMP)- un formato universal de archivos de gráficos de trama, utilizado en el sistema operativo Windows. Este formato es compatible con muchos editores de gráficos, incluidos editor de pintura. Recomendado para almacenar y compartir datos con otras aplicaciones.

    Formato de intercambio de gráficos (GIF)- formato de archivo de gráficos de mapa de bits, compatible con aplicaciones para varios sistemas operativos. Incluye un algoritmo de compresión sin pérdidas que le permite reducir el tamaño del archivo varias veces. Recomendado para almacenar imágenes creadas mediante programación (diagramas, gráficos, etc.) y dibujos (como aplicaciones) con un número limitado de colores (hasta 256). Se utiliza para colocar gráficos en páginas web en Internet.

    Formato de archivo de imagen etiquetada (TIFF)- formato de archivo de gráficos de mapa de bits, compatible con todos los principales editores de gráficos y plataformas informáticas. Incluye un algoritmo de compresión sin pérdidas. Se utiliza para intercambiar documentos entre diferentes programas. Recomendado para su uso cuando se trabaja con sistemas de publicación. El formato admite una amplia gama de cambios de profundidad de color, diferentes espacios de color, diferentes configuraciones compresión (tanto con pérdida como sin ella).

    CRUDO- almacena información obtenida directamente de la matriz de una cámara digital o dispositivo similar sin aplicarle ninguna transformación, y también almacena la configuración de la cámara.

Imagen vectorial:

imagen vectorial es una colección de primitivas gráficas (punto, segmento de línea, elipse...). Cada primitiva se describe mediante fórmulas matemáticas. La codificación depende del entorno de la aplicación.

Dignidad gráficos vectoriales es que los archivos que almacenan gráficos vectoriales son relativamente pequeños.

También es importante que los gráficos vectoriales se puede ampliar o reducir sin pérdida de calidad.

Pros de una imagen vectorial:

1. La mejor manera por almacenamiento de dibujos, diagramas, mapas

2. Sin pérdida de información al codificar

3. Sin distorsión al cambiar el tamaño

4. El tamaño del archivo depende de la complejidad del dibujo.

5. No hay distorsión al escalar la imagen.

Contras de una imagen vectorial:

1. No todos los objetos se pueden representar en forma vectorial

2. Es difícil convertir de una imagen ráster a una vectorial

3. No efectivo para fotos e imágenes borrosas

Formatos de imagen vectorial

    cdr es el formato utilizado por CorelDraw.

    cm x- formato programas gráficos Corel Corporation, diseñado para transferir dibujos entre diferentes programas.

    ai- formato de archivos creados por el programa Ilustrador Adobe.

    wmf(Metarchivo de Windows) - formato de archivo gráfico en el sistema Microsoft Windows, un formato vectorial universal compatible con la mayoría de las aplicaciones de Windows.

    eps es un formato de archivo vectorial relativamente universal compatible con la mayoría de los editores de vectores: CorelDraw, Adobe Illustrator, Macromedia FreeHand.

    fla– archivos Flash originales, creados en Adobe Flash (anteriormente Macromedia Flash).

    swf– Formato Flash que se puede visualizar con usando Flash Player, instalado como complemento del navegador.

    SVG- Abreviatura del inglés. Gráficas vectoriales escalables. Es un estándar abierto, es decir a diferencia de la mayoría de los otros formatos, SVG no es propietario.

"

Gráficos de trama son imágenes formadas por píxeles, pequeños cuadrados de colores colocados en una cuadrícula rectangular. Un píxel es la unidad más pequeña de una imagen digital. Calidad mapa de bits depende directamente de la cantidad de píxeles que la componen: cuantos más píxeles, más detalles se pueden mostrar. No funcionará agrandar una imagen rasterizada haciendo zoom estúpidamente: la cantidad de píxeles no se puede aumentar, creo que muchas personas estaban convencidas de esto cuando intentaron distinguir pequeños detalles en una pequeña fotografía digital, acercándola en la pantalla ; como resultado de esta acción, no fue posible discernir nada más que cuadrados crecientes (son solo píxeles). Solo los agentes de la CIA en las películas de Hollywood logran tal truco, cuando reconocen las placas del automóvil usando la ampliación de la imagen de la cámara de vigilancia externa. Si no es un empleado de esta estructura y no posee dicho equipo mágico, nada funcionará para usted.

Una imagen de mapa de bits tiene varias características. Para un stocker de fotos, los más importantes son: resolución, tamaño y modelo de color. A veces también se le llama resolución al tamaño y por lo tanto se produce confusión, para que esto no suceda hay que tener claro qué en cuestión y "mirar por contexto": el tamaño se mide en Mp (megapíxeles) y la resolución es dpi o ppi.

Permiso es el número de píxeles por pulgada (ppi - píxel por pulgada) para describir la visualización en la pantalla o el número de puntos por pulgada (dpi - punto por pulgada) para imprimir imágenes. Hay varias reglas bien establecidas: para publicar una imagen en Internet, se usa una resolución de 72ppi y para imprimir, 300dpi (ppi). Los requisitos de Microstock para imágenes son 300 ppp, ya que muchos trabajos se compran específicamente para imprimir.

El tamaño- El número total de píxeles de una imagen, normalmente medido en Mp (megapíxeles), es simplemente el resultado de multiplicar el número de píxeles de la altura por el número de píxeles del ancho de la imagen. Es decir, si el tamaño de la foto es 2000x1500, entonces su tamaño será 2000*1500=3,000,000 píxeles o 3MP. Para enviar a bancos de fotos, el tamaño de la imagen no debe ser inferior a 4 megapíxeles, y en el caso de una ilustración, no más de 25 megapíxeles.

modelo de color- una característica de una imagen que describe su representación basada en canales de color. Conozco 4 modelos de color: RGB (canales rojo, verde y azul), CMYK (cian, magenta, amarillo y negro), LAB (luminosidad, rojo-verde y azul-amarillo) y Escala de grises (escala de grises). Todos los microstocks aceptan gráficos rasterizados en modelo de color RGB.

Ventajas de los gráficos de trama:

  1. Capacidad de reproducir imágenes de cualquier nivel de complejidad. La cantidad de detalles reproducidos en una imagen depende en gran medida del número de píxeles.
  2. Reproducción precisa de las transiciones de color.
  3. La presencia de muchos programas para mostrar y editar gráficos de trama. La gran mayoría de los programas admiten los mismos formatos de archivo de gráficos de trama. La representación de trama es quizás la forma "más antigua" de almacenar imágenes digitales.

Desventajas de los gráficos de trama

  1. Tamaño de archivo grande. De hecho, para cada píxel, debe almacenar información sobre sus coordenadas y color.
  2. La imposibilidad de escalar (en particular, acercar) la imagen sin pérdida de calidad.

Formatos de gráficos de trama

A pesar de la aparente simplicidad de la representación de gráficos de trama, sus formatos, ¡hay un "carro y un carro pequeño"! Y su número continúa cambiando: algunos formatos se vuelven obsoletos, otros apenas comienzan a desarrollarse. Describir todo es largo y no es interesante, describiré solo aquellos que, en mi opinión, pueden ser de interés para diseñadores y editores de fotografías.

PNG(Portable Network Graphics) es otro formato de gráficos de trama que admite la transparencia, no solo la transparencia habitual, como GIF, sino también la translucidez: una transición suave de color a un área transparente. El propósito de crear PNG fue solo para reemplazar GIF, ya que CompuServe, el desarrollador del formato GIF, en 1995 patentó el algoritmo de compresión utilizado para crear imágenes gif durante 10 años, lo que imposibilitó su uso de forma gratuita. este formato en proyectos comerciales.

Beneficios de PNG:

  1. La capacidad de crear una imagen a todo color con transiciones de color y medios tonos.
  2. Conservación de la información gráfica mediante un algoritmo de compresión sin pérdidas.
  3. La capacidad de usar canales alfa, es decir, simplemente hablar, transparencia y, además, translucidez, lo que le permite crear transiciones de color suaves a un área transparente.

PNG tiene solo 2 inconvenientes, en mi opinión:

  1. No se puede crear una imagen animada
  2. "Comprensión" ambigua de la transparencia formato PNG navegadores de internet Algunos navegadores son en su mayoría versiones desactualizadas, rechace mostrar áreas transparentes de una imagen PNG y rellénelas con gris. Pero creo que esta deficiencia pronto dejará de ser relevante.

PELEA(Formato de archivo de imagen etiquetada): formato para almacenar imágenes Alta calidad, admite cualquiera de los modelos de color existentes, proporciona una amplia gama de cambios de profundidad de color, admite el trabajo con capas. Almacenamiento de información en formato TIFF posible tanto con pérdidas como sin pérdidas. Las cámaras que no admiten el formato RAW a veces pueden tomar fotografías en formato TIFF.

En bancos de fotos que tienen la capacidad de cargar formatos adicionales a la imagen principal en formato JPEG (Dreamstime.com, iStock.com), TIFF se puede cargar como uno adicional.

La desventaja del formato es el gran tamaño del archivo, mucho más grande que un archivo RAW de la misma calidad: cada imagen TIFF pesa de 8 a 20 MB.

CRUDO(traducido del inglés "crudo" - crudo)

El formato RAW apareció gracias a las cámaras digitales. RAW es esencialmente una "huella digital" que permanece en la matriz de la cámara en el momento de disparar, o más bien, hasta 3 huellas, en rojo, verde y azul. Además de estas impresiones, algunos otros datos se almacenan en el archivo RAW, que en este caso es más un carácter de referencia, dictando al convertidor RAW con qué intensidad mostrar cada uno de los canales de color para diferentes píxeles en la pantalla. es balance de blancos, espacio de color, etc. Cambiar estos parámetros no afectará la información original de ninguna manera, puede cambiarlos sin problemas y volver a la vista original en cualquier momento. Será mucho más problemático trabajar con otro formato ráster obtenido como resultado de la exportación. extensiones de archivo en formato RAW puede ser diferente (.cr2, .crw, .nef, etc.) según la marca de la cámara: cada fabricante de cámaras tiene su propia forma de almacenar información. Para editar archivos RAW y convertirlos a otros formatos rasterizados, los fabricantes de cámaras proporcionan su propio software y, al mismo tiempo, el convertidor RAW de Canon solo leerá archivos RAW tomados por cámaras Canon (.cr2, .crw) y no podrá leer archivos RAW tomados de la cámara Nikon (.nef). Hay convertidores RAW de terceros que funcionan con la mayoría de los archivos RAW. En general, la falta de un estándar único genera ciertos inconvenientes a la hora de trabajar con este formato.

Las desventajas del formato son el gran tamaño del archivo (aunque no tanto como TIFF) y la falta de un estándar único para generar archivos RAW para todos los fabricantes de equipos fotográficos.

RAW, como TIFF, se puede enviar a bancos de fotos como un formato de imagen "adicional": la disponibilidad de la fuente puede afectar la decisión del diseñador de comprar la imagen.

jpeg(Grupo Conjunto de Expertos Fotográficos - el nombre del desarrollador) - el formato de gráficos de trama más común (al menos en Internet). JPEG es un ejemplo del uso de algoritmos de compresión "con pérdida" o, en otras palabras, "compresión distorsionada", es más adecuado para almacenar pinturas, fotografías y otras imágenes realistas con transiciones de color suaves, pero prácticamente no es adecuado para dibujos y diagramas, es decir, para imágenes con transiciones nítidas: el algoritmo de compresión formará artefactos notables en lugares de contraste nítido.

No se recomienda almacenar versiones intermedias del trabajo en este formato; cada "re-guardado" conducirá a la pérdida irreversible de alguna información. El algoritmo de compresión utilizado en este formato (compresión con pérdida) se basa en "promediar" el color de los píxeles adyacentes.

JPEG no admite canales alfa, es decir, no puede contener píxeles transparentes, pero permite guardar un trazado de recorte en el archivo, lo que, en el caso de trabajar con bancos de fotos, debe anotarse en la descripción, la presencia de un trazado de recorte (si, por supuesto, lo ha hecho y sabe lo que es) es información importante para el comprador de la imagen.

El formato JPEG es también el principal formato en el que los fotobancos aceptan imágenes rasterizadas (fotografías e ilustraciones) a la venta. Necesitas guardar la versión final del archivo enviado al microstock en el modelo de color RGB, con una resolución de 300dpi y, por supuesto, al 100% de calidad. También puede ingresar información IPTC en el archivo (nombre, descripción, palabras clave) - el formato JPEG te permite hacer esto y te ahorrará mucho tiempo a la hora de enviar imágenes a varios bancos de fotos.

Además de los formatos de gráficos de trama comunes (GIF, JPEG, TIFF, etc.), que son "leídos" por todos los editores gráficos y visores de imágenes, hay formatos "nativos" de casi todos los editores que solo pueden ser abiertos por el programa en que se hicieron, por ejemplo, formato de programa .PSD Adobe Photoshop. Al procesar fotografías, ilustraciones rasterizadas y desarrollo de diseños, las versiones intermedias deben guardarse en dichos formatos y solo las versiones finales deben convertirse a JPEG. Esto es necesario para que puedas guardar los resultados de tu trabajo sin perder información y realizar cambios en la imagen o proyecto en cualquier momento.

Gráficos de trama

Gráficos de trama, información general. Representaciones bitmap de imágenes. Tipos de ráster. Factores que afectan la cantidad de memoria que ocupa un mapa de bits. Ventajas y desventajas de los gráficos de trama. Características geométricas del ráster (resolución, tamaño del ráster, forma de píxel). El número de colores en el mapa de bits. Herramientas para trabajar con gráficos de trama.

Gráficos de trama, información general

Un mapa de bits de computadora se representa como una matriz rectangular, cada celda de la cual está representada por un punto de color.

base trama presentación gráfica es píxel(punto) indicando su color. Al describir, por ejemplo, una elipse roja sobre un fondo blanco, debe especificar el color cada elipse y puntos de fondo. La imagen se representa como una gran cantidad de puntos: cuantos más, mejor visualmente será la imagen y mayor será el tamaño del archivo. Aquellos. uno e incluso una imagen se puede presentar con mejor o peor calidad de acuerdo con el número de puntos por unidad de longitud - resolución(generalmente puntos por pulgada - dpi o píxeles por pulgada - ppi).

Las imágenes de trama se asemejan a una hoja de papel a cuadros, en la que se pinta cualquier celda con blanco o negro, formando una imagen en conjunto. píxel– el elemento principal de las imágenes rasterizadas. Es a partir de tales elementos que se compone una imagen de mapa de bits, es decir Los gráficos de mapa de bits describen imágenes mediante puntos de colores ( píxeles) ubicado en la red.

Al editar gráficos de mapa de bits, está editando píxeles, pero no líneas. Los gráficos de trama dependen de la resolución porque la información que describe la imagen se adjunta a una cuadrícula de cierto tamaño. Al editar gráficos de trama, la calidad de su presentación puede cambiar. En particular, cambiar el tamaño de los gráficos de trama puede hacer que los bordes de la imagen se "desenfoquen" a medida que los píxeles se redistribuyen en la cuadrícula. La salida de gráficos rasterizados a dispositivos con una resolución más baja que la resolución de la imagen misma reducirá su calidad.

Además, la calidad también se caracteriza por la cantidad de colores y tonalidades que puede tomar cada punto de la imagen. Cuantos más tonos caracterizan las imágenes, más bits se requieren para describirlas. El rojo puede ser el color número 001 o puede ser 00000001. Por lo tanto, cuanto mejor sea la imagen, mayor será el tamaño del archivo.

La representación de trama se suele utilizar para imágenes de tipo fotográfico con muchos detalles o matices. Desafortunadamente, escalar tales imágenes en cualquier dirección generalmente degrada la calidad. Cuando disminuye el número de puntos, se pierden pequeños detalles y se deforman las inscripciones (aunque esto puede no ser tan notorio cuando se reducen las dimensiones visuales de la propia imagen, es decir, se mantiene la resolución). Agregar píxeles conduce a un deterioro en la nitidez y el brillo de la imagen, porque. a los nuevos puntos hay que darles matices que sean promedio entre dos o más colores limítrofes.

Con la ayuda de gráficos de trama, puede reflejar y transmitir toda la gama de tonos y efectos sutiles inherentes a una imagen real. Una imagen de mapa de bits está más cerca de una fotografía, le permite reproducir con mayor precisión las características principales de una fotografía: iluminación, transparencia y profundidad de campo.

La mayoría de las veces, las imágenes de trama se obtienen escaneando fotografías y otras imágenes, usando una cámara digital o "capturando" un cuadro de video. Las imágenes de trama también se pueden obtener directamente en programas de gráficos de trama o vectoriales mediante la conversión de imágenes vectoriales.

Formatos comunes .tif, .gif, .jpg, .png, .bmp, .pcx y etc.

Representaciones de mapa de bits de imágenes

píxel– el elemento principal de las imágenes rasterizadas. Es a partir de estos elementos que consiste una imagen de mapa de bits.

Imagen digital es una colección de píxeles. Cada píxel de una imagen de trama se caracteriza por las coordenadas xey y el brillo V(x,y) (para imágenes en blanco y negro). Dado que los píxeles son discretos, sus coordenadas son valores discretos, generalmente números enteros o racionales. En el caso de una imagen en color, cada píxel se caracteriza por las coordenadas x e y, y tres luminancias: luminancia roja, luminancia azul y luminancia verde (VR, VB, VG). Combinando estos tres colores se pueden obtener una gran cantidad de tonalidades diferentes.

Tenga en cuenta que si al menos una de las características de la imagen no es un número, entonces la imagen pertenece a la forma cosa análoga . Ejemplos de imágenes analógicas son hologramas y fotografías. Para trabajar con tales imágenes, existen métodos especiales, en particular, transformaciones ópticas. En algunos casos, las imágenes analógicas se convierten en vista digital. Esta tarea la realiza Procesamiento de imágenes.

El color de cualquier píxel en un mapa de bits se almacena mediante una combinación de bits. Cuantos más bits se usen para esto, más tonos de colores se pueden obtener. Bajo la gradación de brillo, generalmente se asigna 1 byte (256 gradaciones), siendo 0 negro y 255 blanco (intensidad máxima). En el caso de una imagen en color, se asigna un byte por gradación de brillo de los tres colores. Es posible codificar gradaciones de brillo con un número diferente de bits (4 o 12), pero el ojo humano solo puede distinguir 8 bits de gradaciones para cada color, aunque un equipo especial puede requerir una reproducción del color más precisa. Los colores descritos por 24 bits proporcionan más de 16 millones de colores disponibles y, a menudo, se denominan colores naturales.

A paletas de colores cada píxel está descrito por un código. Este código está asociado a una tabla de colores que consta de 256 celdas. La capacidad de cada celda es de 24 bits. La salida de cada celda tiene 8 bits para los colores rojo, verde y azul.

El espacio de color formado por las intensidades de rojo, verde y azul se representa como un cubo de color (ver Fig. 1).

Arroz. 1. Cubo de colores

Los vértices del cubo A, B, C son las intensidades máximas de verde, azul y rojo respectivamente, y el triángulo que forman se llama triangulo de pascal. El perímetro de este triángulo corresponde a los colores más saturados. El color de máxima saturación siempre contiene solo dos componentes. En el segmento OD hay tonos de gris, y el O actual corresponde al negro, y el punto D al blanco.

Tipos de ráster

Ráster es el orden en que se organizan los puntos (elementos ráster). En la fig. 2. se muestra un ráster, cuyos elementos son cuadrados, dicho ráster se llama rectangular, son estos rásteres los que se utilizan con más frecuencia.

Aunque es posible utilizar una figura de forma diferente como elemento de trama: un triángulo, un hexágono; cumpliendo los siguientes requisitos:

    todas las figuras deben ser iguales;

    debe cubrir completamente el avión sin colisiones y agujeros.

Entonces, como elemento ráster, es posible usar un triángulo equilátero (Fig. 3, hexágono regular (hexaedro) fig. 4. Puede construir rásteres usando polígonos irregulares, pero no tiene sentido práctico en dichos rásteres.

Arroz. 3. Trama triangular

Consideremos formas de construir líneas en un ráster rectangular y hexagonal.

Arroz. 4. "Ráster hexagonal"

En un ráster rectangular, una línea se dibuja de dos maneras:

    El resultado es una línea de ocho conexiones. Los píxeles vecinos de una línea se pueden ubicar en una de las ocho posiciones posibles (ver Fig. 5a). La desventaja es que la línea es demasiado delgada en un ángulo de 45°.

    El resultado es una línea de cuatro conexiones. Los píxeles vecinos de una línea pueden estar en una de cuatro posiciones posibles (ver Fig. 5b). La desventaja es una línea demasiado gruesa en un ángulo de 45°.

Arroz. 5. Construcción de una línea en un ráster rectangular

En un ráster hexagonal, las líneas están conectadas por seis (ver Fig. 6), tales líneas son más estables en ancho; la dispersión del ancho de línea es más pequeña que en un ráster cuadrado.

Arroz. 6. Construcción de una línea en un ráster hexagonal

Uno de los métodos para estimar un ráster es la transmisión por un canal de comunicación de una imagen codificada, teniendo en cuenta el ráster utilizado, con la posterior restauración y análisis visual de la calidad alcanzada. Se ha probado experimental y matemáticamente que el raster hexagonal es mejor, porque proporciona la menor desviación del original. Pero la diferencia no es grande.

Modelado de un ráster hexagonal. Es posible construir un raster hexagonal basado en uno cuadrado. Para ello, el hexágono se representa como un rectángulo.

Factores que afectan la cantidad de memoria utilizada por un mapa de bits

Los archivos de gráficos de trama ocupan una gran cantidad de memoria de la computadora. Algunas imágenes ocupan una gran cantidad de memoria debido a la gran cantidad de píxeles, cada uno de los cuales ocupa una parte de la memoria. Tres cosas tienen el mayor impacto en la cantidad de memoria que ocupa un mapa de bits:

    tamaño de la imagen;

    profundidad de bits de color;

    formato de archivo utilizado para almacenar la imagen.

Existe una relación directa entre el tamaño de archivo de una imagen de mapa de bits. Cuantos más píxeles haya en la imagen, mayor será el tamaño del archivo. La resolución de la imagen no afecta el tamaño del archivo. La resolución tiene un efecto en el tamaño del archivo solo cuando se escanean o editan imágenes.

La relación entre la profundidad de bits y el tamaño del archivo es directa. Cuantos más bits se utilicen en un píxel, más grande será el archivo. El tamaño de un archivo de gráficos de trama depende en gran medida del formato elegido para almacenar la imagen. Ceteris paribus, como las dimensiones de la imagen y la profundidad de bits, el esquema de compresión de la imagen es esencial. Por ejemplo, un archivo BMP tiende a ser más grande que los archivos PCX y GIF, que son más grandes que un archivo JPEG.

Muchos archivos de imagen tienen sus propios esquemas de compresión y pueden contener datos adicionales. Breve descripción previsualizar imágenes.

Ventajas y desventajas de los gráficos de trama

ventajas:

Los gráficos rasterizados representan de manera efectiva imágenes de la vida real. El mundo real consta de miles de millones de objetos diminutos y el ojo humano está adaptado para percibir un conjunto enorme de elementos discretos que forman objetos. En su nivel más alto de calidad, las imágenes se ven muy realistas, como fotografías en comparación con los dibujos. Esto solo es cierto para imágenes muy detalladas, generalmente obtenidas escaneando fotografías. Además del aspecto natural, las imágenes rasterizadas tienen otras ventajas. Los dispositivos de salida, como las impresoras láser, utilizan conjuntos de puntos para crear imágenes. Las imágenes rasterizadas se pueden imprimir muy fácilmente en tales impresoras porque es fácil para las computadoras controlar el dispositivo de salida para representar píxeles individuales usando puntos.

Desventajas:

Las imágenes rasterizadas ocupan mucha memoria. También existe el problema de editar imágenes de trama, ya que las imágenes de trama grandes ocupan cantidades significativas de memoria, por lo que también se consumen matrices de memoria significativas y otros recursos informáticos para garantizar el funcionamiento de las funciones de edición de dichas imágenes.

Acerca de la compresión de gráficos de trama

A veces, las características de un mapa de bits se escriben de esta forma: 1024x768x24. Esto significa que el ancho de la imagen es de 1024 píxeles, la altura es de 768 y la profundidad de color es de 24. 1024x768 es la resolución de trabajo para monitores de 15 a 17 pulgadas. Es fácil adivinar que el tamaño de una imagen sin comprimir con estos parámetros será de 1024*768*24 = 18874368 bytes. Esto es más de 18 megabytes, demasiado para una imagen, especialmente si necesita almacenar varios miles de estas imágenes, esto no es tanto para los estándares informáticos. Esta es la razón por la cual los gráficos por computadora casi siempre se usan en forma comprimida.

RLE (Run Length Encoding) es un método de compresión que busca secuencias de píxeles idénticos en los píxeles de una imagen de mapa de bits ("rojo, rojo, ..., rojo" se escribe como "N rojos").

LZW (Lempel-Ziv-Welch) es un método más complejo, busca frases repetitivas, las mismas secuencias de píxeles de diferentes colores. A cada frase se le asigna un código determinado; cuando se descifra el archivo, el código se reemplaza por la frase original.

Al comprimir archivos JPEG (con pérdida de calidad), la imagen se divide en secciones de 8x8 píxeles y su valor se promedia en cada sección. El valor medio se encuentra en la esquina superior izquierda del bloque, el resto del lugar lo ocupan los píxeles de menor brillo. Luego, la mayoría de los píxeles se establecen en cero. Cuando se decodifican, cero píxeles obtienen el mismo color. Luego se aplica el algoritmo de Huffman a la imagen.

El algoritmo de Huffman se basa en la teoría de la probabilidad. En primer lugar, los elementos de la imagen (píxeles) se ordenan por frecuencia de aparición. Luego, se construye un árbol de códigos de Huffman a partir de ellos. A cada elemento se le asigna una palabra clave. Cuando el tamaño de la imagen tiende al infinito, se logra la máxima compresión. Este algoritmo también se utiliza en archivadores.

La compresión también se usa para gráficos vectoriales, pero ya no existen patrones tan simples, ya que los formatos de archivos vectoriales difieren bastante en contenido.

Características geométricas del raster

Para imágenes raster que consisten en puntos, el concepto de permisos, expresando el número de puntos por unidad de longitud. Al hacerlo, se debe distinguir entre:

    resolución del original;

    resolución de imagen de pantalla;

    resolución de la imagen de impresión.

resolución original. La resolución del original se mide en puntos por pulgada (puntos por pulgadappp) y depende de los requisitos de calidad de imagen y tamaño de archivo, el método de digitalización y creación de la ilustración original, el formato de archivo elegido y otros parámetros. En general, se aplica la regla: cuanto mayor sea el requisito de calidad, mayor será la resolución del original.

Resolución de la pantalla. Para las copias en pantalla de una imagen, un punto elemental de la trama suele llamarse píxel El tamaño de píxel varía según el seleccionado resolución de la pantalla(del rango de valores estándar), resolución original y escala de visualización.

Los monitores para procesamiento de imágenes con una diagonal de 20-21 pulgadas (grado profesional), por regla general, proporcionan resoluciones de pantalla estándar de 640x480, 800x600, 1024x768, 1280x1024, 1600x1200, 1600x1280, 1920x1200, 1920x1600 píxeles. La distancia entre los puntos de fósforo adyacentes en un monitor de alta calidad es de 0,22 a 0,25 mm.

Para una copia de pantalla, una resolución de 72 dpi es suficiente, para imprimir en color o impresora laser 150-200 ppp, para salida en un dispositivo de exposición fotográfica 200-300 ppp. Se ha establecido como regla general que, cuando se imprime, la resolución del original debe ser 1,5 veces mayor que línea de pantalla dispositivos de salida. En caso de que la copia impresa se amplíe en comparación con el original, estos valores deben multiplicarse por el factor de escala.

Resolución de la imagen impresa y el concepto de lineatura. El tamaño de un punto de imagen de trama tanto en una copia impresa (papel, película, etc.) como en la pantalla depende del método y los parámetros aplicados. poner en pantalla original. Al proyectar, se superpone una cuadrícula de líneas al original, cuyas celdas forman elemento de trama La frecuencia de la cuadrícula ráster se mide por el número líneas por pulgada (líneas por pulgada - Ipi) y llamó lineatura

El tamaño del punto de la pantalla se calcula para cada elemento y depende de la intensidad del tono en la celda dada. Cuanto mayor es la intensidad, más denso se llena el elemento ráster. Es decir, si la celda tiene un color absolutamente negro, el tamaño del punto de trama coincidirá con el tamaño del elemento de trama. En este caso, hablamos del 100% de ocupación. Para blanco puro, el valor de relleno será 0%. En la práctica, la ocupación de elementos en una impresión suele oscilar entre el 3 y el 98 %. En este caso, todos los puntos de la trama tienen la misma densidad óptica, acercándose idealmente al negro absoluto. La ilusión de un tono más oscuro se crea aumentando el tamaño de los puntos y, como resultado, reduciendo el espacio en blanco entre ellos con la misma distancia entre los centros de los elementos de trama. Este método se llama tamizaje con modulación de amplitud (AM).

Por lo tanto, la resolución caracteriza la distancia entre píxeles adyacentes (Fig. 1.). La resolución se mide por el número de píxeles por unidad de longitud. La unidad de medida más popular es ppp(puntos por pulgada) - el número de píxeles en una pulgada de longitud (2,54 cm). No debe identificar el paso con el tamaño de píxel; el tamaño de píxel puede ser igual al paso, o puede ser menor o mayor que el paso.

Arroz. 1. Ráster.

El tamaño Un ráster generalmente se mide por la cantidad de píxeles tanto horizontal como verticalmente. Se puede decir que para gráficos por computadora, un raster con el mismo paso para ambos ejes suele ser el más conveniente, es decir, dpiX = dpiY. Esto es conveniente para muchos algoritmos para mostrar objetos gráficos. De lo contrario, problemas. Por ejemplo, al dibujar un círculo en la pantalla de visualización de EGA (un modelo obsoleto de un sistema de video de computadora, su ráster es rectangular, los píxeles se estiran en altura, por lo que se debe generar una elipse para representar un círculo).

forma de píxel la trama está determinada por las características del dispositivo de salida gráfica (Fig. 1.2). Por ejemplo, los píxeles pueden tener la forma de un rectángulo o un cuadrado, que tienen el mismo tamaño que el paso de trama (pantalla de cristal líquido); píxeles redondos, que pueden no tener el mismo tamaño que el paso de trama (impresoras).

Arroz. 2. ejemplos de visualización de la misma imagen en diferentes rásteres

Intensidad de tono(la llamada ligereza) Se acostumbra a subdividir en 256 niveles. La visión humana no percibe un mayor número de gradaciones y es redundante. Un número menor empeora la percepción de la imagen (el valor mínimo aceptable para una ilustración de medios tonos de alta calidad es de 150 niveles). Es fácil calcular que para reproducir 256 niveles de tono basta con tener un tamaño de celda raster de 256 = 16 x 16 píxeles.

Al imprimir una copia de una imagen en una impresora o equipo de impresión, la línea de trama se elige en función de un compromiso entre la calidad requerida, las capacidades del equipo y los parámetros de los materiales impresos. Para impresoras láser, la línea recomendada es 65-100 dpi, para producción de periódicos - 65-85 dpi, para producción de libros y revistas - 85-133 dpi, para obras de arte y publicidad - 133-300 dpi.

gama dinámica. La calidad de reproducción de las imágenes tonales suele evaluarse rango dinámico (D). eso densidad óptica, numéricamente igual al logaritmo decimal del recíproco de transmitancia (para originales vistos a través de la luz, como diapositivas) o coeficiente de reflexión(para otros originales, como copias impresas).

Para medios ópticos que transmiten luz, el rango dinámico varía de 0 a 4. Para superficies que reflejan luz, el valor del rango dinámico es de 0 a 2. Cuanto mayor sea el rango dinámico, más semitonos estarán presentes en la imagen y la mejor la calidad de su percepción.

En el mundo digital de las imágenes por computadora, el término píxel se refiere a varias cosas diferentes. Puede ser un solo punto en la pantalla de una computadora, un solo punto impreso en una impresora láser o un solo elemento de una imagen de trama. Estos conceptos no son lo mismo, por lo que para evitar confusiones, deben llamarse de la siguiente manera: píxel de video cuando se refiere a una imagen de pantalla de computadora; punto cuando se refiere a un solo punto generado por una impresora láser. Hay un coeficiente de cuadratura de la imagen, que se introduce específicamente para la imagen del número de píxeles de la matriz del patrón horizontal y verticalmente.

Volviendo a la analogía con una hoja de papel, puede ver que cualquier imagen de mapa de bits tiene una cierta cantidad de píxeles en filas horizontales y verticales. Existen las siguientes relaciones de aspecto para las pantallas: 320x200, 320x240, 600x400, 640x480, 800x600, etc. Este factor a menudo se denomina tamaño de imagen. El producto de estos dos números da el número total de píxeles de la imagen.

También existe el factor de cuadratura de los píxeles. A diferencia de la relación de aspecto de una imagen, se refiere a las dimensiones reales de un píxel de video y es la relación entre el ancho real y la altura real. Este coeficiente depende del tamaño de la pantalla y la resolución actual, y por lo tanto de diferentes sistemas informáticos toma diferentes valores. El color de cualquier píxel en una imagen rasterizada se almacena en la computadora usando una combinación de bits. Cuantos más bits se usen para esto, más tonos de colores se pueden obtener. La cantidad de bits utilizados por una computadora para cualquier píxel se denomina profundidad de bits del píxel. La imagen rasterizada más simple está formada por píxeles que tienen sólo dos colores posibles, el blanco y el negro, por lo que las imágenes formadas por píxeles de este tipo se denominan imágenes de un solo bit. El número de colores o tonos de gris disponibles es 2 a la potencia del número de bits en un píxel.

Los colores descritos por 24 bits proporcionan más de 16 millones de colores disponibles y, a menudo, se denominan colores naturales. Las imágenes rasterizadas tienen muchas características que deben ser organizadas y arregladas por una computadora.

Las dimensiones de una imagen y su disposición de píxeles son las dos características principales que debe mantener un archivo de mapa de bits para crear una imagen. Incluso si la información sobre el color de cualquier píxel y cualquier otra característica está dañada, la computadora aún podrá recrear una versión de la imagen si sabe cómo se encuentran todos sus píxeles. El píxel en sí no tiene ningún tamaño, es solo un área de la memoria de la computadora que almacena información de color, por lo que la relación de cuadratura de la imagen no corresponde a ninguna dimensión real. Conociendo solo la relación de cuadratura de la imagen con una determinada resolución, puede determinar el tamaño real de la imagen. Dado que las dimensiones de la imagen se almacenan por separado, los píxeles se almacenan uno por uno, como un bloque de datos normal. La computadora no tiene que guardar las posiciones individuales, simplemente crea una cuadrícula para ajustarse a la relación de aspecto dada de la imagen y luego la llena píxel por píxel.

Número de colores en un mapa de bits

Número de colores(profundidad de color) es también una de las características más importantes de un ráster. La cantidad de colores es una característica importante para cualquier imagen, no solo una rasterizada.

Clasificamos las imágenes de la siguiente manera:

    Bicolor(binario) - 1 bit por píxel. Entre las imágenes de dos colores, las imágenes en blanco y negro son las más comunes.

    Semitono– gradación de gris u otro color. Por ejemplo, 256 gradaciones (1 byte por píxel).

    Imágenes en color. A partir de 2 bits por píxel y superior. La profundidad de color de 16 bits por píxel (65 536 colores) se denomina altocolonia, 24 bits por píxel (16,7 millones de colores) – VerdaderoColo. En computadora sistemas gráficos también utilizan una mayor profundidad de color: 32, 48 o más bits por píxel.

Formatos de archivo de gráficos de trama

gif– un formato que utiliza el algoritmo de compresión sin pérdidas LZW. La profundidad de color máxima es de 8 bits (256 colores). También tiene la capacidad de grabar animaciones. Admite transparencia de píxeles (dos niveles: transparencia total u opacidad total). Este formato es muy utilizado a la hora de crear páginas Web. El formato GIF le permite grabar la imagen "a través de la línea", de modo que, teniendo solo una parte del archivo, puede ver la imagen completa, pero con una resolución más baja. Es beneficioso usarlo para imágenes con una pequeña cantidad de colores y bordes nítidos (por ejemplo, para imágenes de texto).

JPEG (JPG)- un formato que utiliza un algoritmo de compresión con pérdida que le permite reducir el tamaño del archivo cientos de veces. Profundidad de color - 24 bits. No se admite la transparencia de píxeles. Bajo una fuerte compresión, los defectos aparecen en la región de los límites nítidos. El formato JPEG es bueno para comprimir fotos a todo color. Teniendo en cuenta que la recompresión provoca un mayor deterioro de la calidad, se recomienda guardar solo el resultado final del trabajo en formato JPEG. JPEG se usa ampliamente para crear páginas web, así como para almacenar grandes colecciones de fotografías.

Comparación de GIF y JPEG

    GIF: el formato es conveniente cuando se trabaja con imágenes dibujadas a mano;

    JPEG: el formato se utiliza mejor para almacenar fotografías e imágenes con una gran cantidad de colores;

    para crear animaciones e imágenes con fondo transparente Se utiliza el formato GIF.

BMP- Este es el formato del editor gráfico Paint. No aplica compresión. Es muy adecuado para almacenar imágenes muy pequeñas, como iconos de escritorio. Los archivos grandes en este formato ocupan demasiado espacio.

PNG- diseñado para reemplazar el formato GIF. Utiliza el algoritmo de compresión sin pérdidas Deflate (LZW avanzado). La profundidad de color máxima es de 48 bits. Admite canales de máscara de transparencia degradada (256 niveles de transparencia). PNG - relativamente nuevo formato y por lo tanto todavía no muy común. Se utiliza principalmente en diseño web. Desafortunadamente, incluso en algunos navegadores modernos (como explorador de Internet 6) No se admite la transparencia PNG y, por lo tanto, no se recomienda utilizar imágenes PNG transparentes en las páginas web.

PELEA es un formato especialmente diseñado para imágenes escaneadas. Puede usar el algoritmo de compresión sin pérdidas LZW. Le permite guardar información sobre capas, perfiles de color (perfiles ICC) y canales de máscara. Compatible con todos los modelos de color. Hardware independiente. Utilizado en sistemas de publicación, así como para transferir información gráfica entre diferentes plataformas.

PSD- el formato del editor gráfico Adobe Photoshop. Utiliza el algoritmo de compresión sin pérdidas RLE. Le permite guardar toda la información creada en este programa. Además, debido a la popularidad de Photoshop, este formato es compatible con casi todos los editores de gráficos por computadora modernos. Es conveniente usarlo para guardar el resultado intermedio cuando se trabaja en Photoshop y otros editores raster.

RIFLE- Formato del editor gráfico Corel Painter. Le permite guardar toda la información creada en este programa. Debe usarse para guardar un resultado intermedio cuando se trabaja en Painter.

Formato

máx. bits/píxel

máx. número de colores

máx. tamaño de imagen, píxel

métodos de compresión

Codificación de imágenes múltiples

281 474 976 710 656

2147483647 × 2147483647

Desinflado (variante LZ77)

totales 4.294.967.295

LZW, RLE y otros

Herramientas para trabajar con gráficos de trama

El paquete Photoshop de Adobe ocupa un lugar especial en la amplia clase de programas para el procesamiento de gráficos de trama. Hoy es el estándar en gráficos por computadora, y todos los demás programas se comparan invariablemente con él.

Los controles principales del programa Adobe Photoshop se concentran en la barra de menú y la barra de herramientas. Un grupo especial está formado por cuadros de diálogo - paletas de herramientas:

    Pinceles de paleta controla la configuración de las herramientas de edición. Se ingresa al modo de edición de pincel después de hacer doble clic en su imagen en la paleta. Hacer clic mientras mantiene presionada la tecla CTRL destruye el pincel. Al hacer doble clic en un área vacía de la paleta, se abre un cuadro de diálogo para crear un nuevo pincel, que se agrega automáticamente a la paleta.

    Opciones de paleta sirve para editar las propiedades de la herramienta actual. Puede abrirlo no solo desde la barra de menú, sino también haga doble clic en el icono de la herramienta en la barra de herramientas. La composición de los controles de la paleta depende de la herramienta seleccionada.

    Información de la paleta proporciona soporte de información para las instalaciones de visualización. Muestra: coordenadas actuales Puntero del ratón, el tamaño de la selección actual, la configuración de color del elemento de imagen y otros datos.

    Navegador de paletas le permite ver diferentes partes de la imagen y cambiar la escala de visualización. Se coloca una miniatura de la imagen en la ventana de la paleta con un área de visualización seleccionada.

    Síntesis de paleta muestra los valores de color de los colores actuales de primer plano y de fondo. Los controles deslizantes en la barra de color del sistema de color correspondiente le permiten editar estos parámetros.

    Catálogo de paletas contiene un conjunto de colores disponibles. Dicho conjunto se puede cargar y editar agregando y eliminando colores. El tono de color del primer plano y el fondo se selecciona del conjunto. El paquete estándar del programa proporciona varios conjuntos de colores, principalmente de Pantone.

    capas de paleta sirve para controlar la visualización de todas las capas de la imagen, empezando por la superior. Es posible determinar los parámetros de las capas, cambiar su orden, operar con capas usando diferentes métodos.

    Canales de paleta se utilizan para seleccionar, crear, duplicar y eliminar canales, determinar sus parámetros, cambiar el orden, convertir canales en objetos independientes y formar imágenes combinadas de varios canales.

    Contornos de paleta contiene una lista de todos los contornos creados. Al convertir una ruta en una selección, se utiliza para formar una ruta de recorte.

    gráficos vectoriales, gráficos fractales gráficos Ráster imagen... de tercer orden. A general ecuación de la curva... en formato TIFF puede almacenar inteligencia sobre máscaras (contornos) de imágenes. ...

  • Gráficos para crear paginas web en flash

    Curso >> Informática

    ... gráficos. General se sabe que el vector gráficos ocupa menos espacio que el que se usaba anteriormente mapa de bits gráficos... pero también trama Imágenes. Usando mapa de bits gráficos se está describiendo la imagen... en este caso, el código html mezclado al mínimo debido a...

  • Computadora gráficos (9)

    Hoja de trucos >> Informática, programación

    Por lo tanto, los términos "VECTOR GRÁFICOS" y " RASTER GRÁFICOS". En el primer caso, lineal por partes... se realizan modelos matemáticos de elementos con el fin de minimizar general volumen información en el modelo matemático del objeto M. Así...

En este artículo, veremos las principales diferencias entre imágenes rasterizadas y vectoriales. Aprenderemos todas las ventajas de los gráficos vectoriales y rasterizados, así como dónde se utilizan mejor dichos gráficos para sus propósitos. Entonces, probablemente te hayas hecho esta pregunta más de una vez: “¿En qué consiste la imagen que se muestra en la pantalla de mi computadora?” Puede que te sorprendas, pero de hecho, ¡la foto como tal no existe!

¿Qué es un mapa de bits?

En realidad, solo vemos una versión electrónica de la imagen en el monitor. si hablamos de mapa de bits, luego se almacena en la memoria de la computadora en forma de números y símbolos. Ya describen un área determinada con una secuencia determinada. (elemento) la imagen misma. Este elemento se representa como un píxel. (células cierto color) . Veamos qué tipo de píxel es.

Para hacer esto, simplemente puede tomar una foto y ampliarla. Notarás que han aparecido cuadrados especiales (imagen debajo). La imagen comenzó a dividirse en cuadrados de diferentes colores. Estos cuadrados son píxeles.

Así resulta ser cualquier imagen bitmap recibida desde la cámara, desde la cámara teléfono móvil o descargado de Internet. Cada píxel, como dije, está descrito por una cierta secuencia de números y símbolos. ¿Cómo saber cuál es esta secuencia? ¡Sí, muy fácil! Elige la herramienta Pipeta» (en cualquier editor de gráficosél es) y coloque el cursor sobre el píxel deseado. Si verifica en Photoshop, también deberá ir a la paleta de colores.

Entonces, lo que se deduce de lo que hemos discutido anteriormente. Si los píxeles se representan como una secuencia de números y letras, se pueden cambiar fácilmente. Cambiando los números y letras de cada píxel, podemos cambiar su color, es decir, editar el propio píxel. Al realizar cualquier operación de corrección global (por ejemplo, ajustar el brillo) se cambia el valor numérico de varios miles de píxeles de la imagen.

Ahora vamos a familiarizarnos con el concepto. imagen vectorial. Para dar un ejemplo ilustrativo, en intentaré crear nuevo documento. vamos al menú Archivo» —> « Crear". Usémoslo para crear gráficos vectoriales. Por ejemplo, tomaré la herramienta " Pluma» (2) . Es imperativo que la ambientación sea " capa de forma» (3) . Después de eso puse los puntos en los lugares correctos. (4) . El resultado es una cierta figura. Puedes hacerlo a tu discreción.

Una vez que hemos conectado todos los puntos, se forma una forma y se adjunta una máscara vectorial en miniatura a la capa. (5) . Esto indica que se trata de una forma vectorial, no de trama.Se puede ampliar y reducir muchas veces y la calidad no se verá afectada de ninguna manera. Naturalmente, se pueden aplicar varios efectos de brillo, trazo, etc. a esta capa.

Entonces, ¿cuál es la diferencia entre una imagen rasterizada y una imagen vectorial? Las imágenes vectoriales, a diferencia de las imágenes rasterizadas, se describen mediante fórmulas matemáticas y no mediante símbolos latinos. Por lo tanto, se pueden aumentar o disminuir sin pérdida de calidad. La fórmula sigue siendo la misma, solo cambia la escala. La fórmula, por regla general, describe una curva suave y, para cualquier valor, esta curva permanecerá suave.

Si intenta ampliar la imagen con gráficos vectoriales, entonces notarás que los píxeles son casi invisibles, es decir, la calidad se mantiene al mismo nivel. Si aumenta la imagen con gráficos de trama, perderá calidad notablemente.

Por lo tanto, las imágenes vectoriales se pueden ampliar sin pérdida de calidad. En cualquier tamaño, se describen mediante fórmulas matemáticas. Un mapa de bits es una secuencia de píxeles. Cuando se agranda un fragmento, se empiezan a observar pérdidas de calidad. Además, la pérdida se puede observar cuando se reduce la imagen.

Las imágenes vectoriales son buenas para usar cuando se requiere un gran aumento en la imagen sin pérdida de calidad. Por ejemplo, pueden ser varias tarjetas de presentación, logotipos, pancartas en el sitio y mucho más. Aunque Adobe Photoshop te permite trabajar con imágenes vectoriales, no deja de ser un editor raster. CorelDraw o Adobe Illustrator son mucho más adecuados para trabajar con imágenes vectoriales.

Entonces, nos familiarizamos con el concepto de imágenes rasterizadas y vectoriales. Como dije, la principal diferencia es que una imagen vectorial se describe mediante fórmulas matemáticas y se puede ampliar tanto como se desee sin pérdida de calidad, lo que no se puede decir de una imagen ráster.

Aunque, a pesar de esto, muchos diseñadores web, y no solo ellos, suelen utilizar gráficos de trama en sus sitios. Es comprensible, porque tales gráficos se ven mucho más atractivos. Sin embargo, hay buenos ejemplos de gráficos vectoriales. Además, tales obras pesan mucho menos. En general, ¡estudiar e implementar!