# data[].attributes.body
Definición

Las imágenes de mapa de bits, también llamadas imágenes rasterizadas o bitmaps, están formadas por una cuadrícula de puntos llamados píxeles, que se organizan en una rejilla. Cada uno de esos píxeles tiene un color definido por un valor. Si hacemos zoom sobre ellas veremos esos pixeles. Cuantos más píxeles tenga una imagen mayor será su calidad.

Diferencias

Las imágenes de mapa de bits tienen una retícula definida y por tanto su calidad es fija.

Las imágenes vectoriales, gracias a que están basadas en fórmulas matemáticas, tienen una resolución infinita.

Los dos tipos de imágenes digitales: raster (o Mapa de Bits) y vectores

Los Mapas de Bits, también llamados imágenes raster o rasterizadas. .

Las imágenes en mapa de bits están formadas por píxeles. A cada píxel se le asigna un color.

¿Qué es la "resolución" de una imagen?

La resolución de una imagen es el número de píxeles por pulgada que contiene (1 pulgada = 2,54 centímetros). Ésta se expresa en PPP (puntos por pulgada en español) o DPI (dots per inch en inglés).

¿Conoce alguna fuente legal para la búsqueda de imágenes?

Como regla general, para las imágenes (fotografías, diagramas, dibujos, gráficos, mapas...) debemos tener en cuenta los derechos de autor

. Además, en el caso de fotografías en las que aparezcan personas, se ha de contar con los derechos de imagen y protección de los datos personales de la persona fotografiada.

Ejemplo

# data[].attributes.body
Las imágenes de mapa de bits, también llamadas imágenes rasteriza

# data[].attributes.body
e imágenes?

Como regla general, para las imágenes (fotografías, diagramas, dibujos, gráficos, mapas...) debemos tener en cuenta los derechos de autor. Además, en el caso de fotografías en las que aparezcan personas, se ha de contar con l

# data[].attributes.body
Conceptos iniciales

# data[].attributes.body
DIFERENCIA ENTRE MAPA DE BITS Y VECTORES

La diferencia entre la imagen de mapa de bits y la imagen vectorial es clara, y seguro que después de este post no te resulta complicado identificarla.

Las imágenes de mapa de bits cuentan con una retícula perfectamente definida y, por tanto su calidad se mantiene fija. Si se amplía o disminuye la imagen, vemos como los píxeles que la forman se multiplican o dividen, lo que provoca una pérdida de calidad.

Por otro lado las imágenes vectoriales al estar basadas en fórmulas matemáticas, tienen una resolución infinita, y por tanto se pueden ampliar o reducir sin riesgo de que su calidad baje.

Aunque hay casos en los que resulta realmente complicado distinguir entre imágenes vectoriales y mapa de bits, si hacemos zoom sobre ellas nos resultará mucho más sencillo, ya que si nos encontramos con una retícula de píxeles se tratará de mapa de bits, mientras que si la definición no varía será vectorial.

# data[].attributes.body
Aula Mentor de Sos del Rey Católico - blogger
Aula Mentor de Sos del Rey Católico: Imagen vectorial vs mapa de bits

# data[].attributes.body
DIFERENCIAS:
las imágenes de mapa de bits tienen una retícula definida y por tanto su calidad es fija. Si se amplían o disminuyen.

Las imágenes vectoriales, gracias a que están basadas en fórmulas matemáticas, tienen una resolución infinita. Se pueden ampliar o reducir sin que su calidad se vea afectada.

En algunos casos es muy difícil distinguir a simple vista si una imagen es de mapa de bits o vectorial. La forma más sencilla de comprobarlo es haciendo zoom sobre la imagen. Si ves una retícula de pixeles es de mapa de bits y si no cambia la definición es vectorial.

EJEMPLO:

# data[].attributes.body
tipos de imágenes mas utilizados
formato JPG
formato PNG
formato GIF
formato TIFF
formato PSD
formato BMP

𝒸𝓊á𝓁 𝑒𝓈 𝑒𝓁 𝒻𝑜𝓇𝓂𝒶𝓉𝑜 𝒹𝑒 𝓊𝓃𝒶 𝒾𝓂𝒶𝑔𝑒𝓃 𝓇𝑒𝒶𝓁𝒾𝓏𝒶𝒹𝒶 𝒸𝑜𝓃 𝑒𝓁 𝓅𝓇𝑜𝑔𝓇𝒶𝓂𝒶 𝒢𝒾𝓂𝓅?
La mayoría de los formatos de archivo que GIMP puede abrir, también se pueden usar para guardar. Hay, sin embargo, un formato de archivo que es especial: XCF es el formato nativo del GIMP , y es útil porque guarda todo lo que hay en una imagen (bueno, casi todo, no guarda la información de “deshacer” ).

El comando Escalar la imagen agranda o reduce el tamaño físico de la imagen cambiando el número de píxeles que contiene. Cambia el tamaño del contenido de la imagen y redimensiona el lienzo en consonancia.

# data[].attributes.body
Mapa de bits tienen una retícula definida y por tanto su calidad es fija. Si se amplían o disminuyen, los píxeles que componen la imagen y que tienen un color fijo asignado se ven obligados a multiplicarse o dividirse provocando una pérdida de la calidad de la imagen.

Las imágenes vectoriales, gracias a que están basadas en fórmulas matemáticas, tienen una resolución infinita. Se pueden ampliar o reducir sin que su calidad se vea afectada.

Tipos de imágenes más utilizadas

Formato JPG.

Formato PNG.

Formato GIF.

Formato TIFF.

Formato PSD.

Formato BMP.

Formato de Gimp
El formato que usa Gimp es XCF

Resolución de una imagen
La resolución de una imagen es el número de píxeles por pulgada que contiene

Escalar una imagen
El comando escalar la imagen agranda o reduce el tamaño físico de la imagen cambiando el número de píxeles que contiene. Cambia el tamaño del contenido de la imagen

Fuentes legales para buscar imágenes

Pixabay.com.

Morguefile.com.

Picjumbo.com.

Ejemplo de imagen vectorial y mapa de bits

# data[].attributes.body
Ventajas

Mapa de bits

Rico en matices de color y contrasteSe puede trabajar sobre todos los puntos de la image

Imagen vectorial

 Escalable sin pérdidas de calidadCompresión sin pérdidasTamaño de archivo pequeñoLas cualidades de los objetos se pueden ajustar librementeFácil de rasterizar

Desventajas

Mapa de bits

Escalabilidad ligada a pérdidas de calidad

Comprimirlas puede generar pérdidas en la calidad

Gráficos con alta calidad requieren mucho espacio

La vectorización conlleva mucho trabajo

Imagen Vectorial

No está indicada para representaciones gráficas complejas

Su reproducción requiere la rasterización previa

# data[].attributes.body
Peso

De acuerdo a lo descrito anteriormente, LAS IMÁGENES VECTORIALES PESAN MÁS debido a que utilizan más recursos que un mapa de bits, además permiten cambiar a nuestro antojo el tamaño de una imagen sin miedo a que esta pierda su calidad.

Resolucion Definicion

La resolución de una imagen indica la cantidad de detalles que puede observarse en esta.

Escala

La escala de representación de una imagen es la relación que existe entre el tamaño real de los objetos y el tamaño que tienen en la representación gráfica. La imagen digital en sí misma es adimensional y puede representarse a cualquier tamaño.

Busqueda

Vectorial:https://pixabay.com/es/vectors/

Mapa de bits:https://www.freepng.es/hd-png/mapa-de-bits.html

# data[].attributes.body
Definición de imagen vectorial:

Las imágenes vectoriales se basan en una serie de coordenadas matemáticas que definen su posición, forma, color y otros atributos. Estas imágenes se componen de vectores, que son unas figuras geométricas que pueden ser puntos, líneas, polígonos o segmentos. Por ejemplo, un rectángulo está definido por dos puntos, el círculo por un centro y un radio, mientras que una curva por varios puntos y una ecuación.

Definición de mapa de bits:

A la imagen de mapa de bits se le conoce también como imagen rasterizada o bitmap, y está compuesta por una cuadrícula de píxeles, organizados en una rejilla. Cada uno de los píxeles que conforma el mapa de bits tiene un color definido que presenta un valor.

ejemplo: