# data[].attributes.headline
JPG/JPEG (Joint Photographers Expert Group) 1992

# data[].attributes.subject
JPG/JPEG (Joint Photographers Expert Group) 1992

# data[].attributes.body
Raster
Características:

Es el formato más utilizado para formatos digitales.

Excelente calidad en sus imágenes.

Comprime la imagen con pérdidas.

Permite un peso limitado.

Compatible con todos los navegadores.

Se puede usar para fotografías tomadas con cámaras o teléfono.

# data[].attributes.body
Las imágenes Vectoriales están formadas por ecuaciones matemáticas que definen formas geométricas como líneas, curvas y polígonos​.

Características:

No dependen de la resolución: Se pueden redimensionar sin perder calidad.

Basadas en cálculos matemáticos: Están compuestas por puntos, líneas y curvas en lugar de píxeles.

Fácil edición: Se pueden modificar y escalar sin perder nitidez.

Uso en logotipos, ilustraciones y diseño gráfico: Ideales para gráficos que requieren precisión y escalabilidad.

Menor peso de archivo: Almacenan menos información que las imágenes Raster.

Ejemplos de formatos: SVG, EPS, AI, CDR, PDF (vectorial).

# data[].attributes.headline
Diferencia entre los formatos Raster y Vectorial

# data[].attributes.subject
Diferencia entre los formatos Raster y Vectorial

# data[].attributes.body
La diferencia principal entre los formatos Raster y Vectorial está en su composición. Las imágenes Raster están hechas de píxeles, por lo que al ampliarlas pierden calidad y se pixelan. Son ideales para fotografías y gráficos detallados, con formatos como JPG, PNG y TIFF.

En cambio, las imágenes Vectoriales se crean con ecuaciones matemáticas, lo que permite escalarlas sin perder calidad. Se usan en logotipos, ilustraciones y diseños gráficos, con formatos como SVG, AI y EPS. Mientras los Raster son mejores para fotos, los Vectoriales son ideales para gráficos nítidos y escalables.

# data[].attributes.body
Raster
Características:

Es el único formato que permite transparencia como fondo.

Utiliza sistemas de compresión estándares.

Permite mayor profundidad de color.

Este formato lo utilizamos cuando queremos usar una imagen con fondo transparente

# data[].attributes.body
Raster
Características:

Permite crear animaciones a través de fotogramas secuenciales.

Archivos de tamaño muy pequeño.

Su gama de colores se limita a 256 colores máximo.

Es comúnmente utilizado en animaciones cortas y memes animados compartidos en redes sociales.

# data[].attributes.headline
HEIC/ HEIF (High Efficiency Image File Format) 2015

# data[].attributes.subject
HEIC/ HEIF (High Efficiency Image File Format) 2015

# data[].attributes.body
Raster
Características:

Utiliza la misma tecnología que el formato de video HEVC o H.265.

Es capaz de almacenar secuencias de imágenes e imágenes

HDR.

Puede contener información además de imágenes, como sonido y texto

No es muy compatible

Tiene soporte para transparencia

Utiliza la compresión con pérdida y retiene más calidad ademas de que pesan solo la mitad que el JPG.

Cuando tomas una foto en iPhone o iPad , la imagen se guarda automáticamente en el formato HEIC.

# data[].attributes.body
Raster
Características:

Compresión no destructiva, no altera la calidad de la imagen.

Mejor formato para imágenes con alta calidad.

Almacena canales alfa, que permite tener transparencias.

Es utilizado en la fotografía profesional y en la industria gráfica.

# data[].attributes.body
Raster
Características:

Es nativo de Adobe Photoshop.

Poca compatibilidad con otros programas.

Permite guardar archivos con retoques y nuevas creaciones.

Posibilita guardar archivos hasta con 48 bits de color.

Permite almacenar todas las capas y canales.

Se puede utilizar para carteles y banners

# data[].attributes.body
Raster
Características:

Buena calidad de imagen

Compresión pequeña

Archivos pesados

Puede guardar imágenes de 24 bits, 8 bits y/o menos.

Permite seleccionar una compresión RLE (Run Length Encoding) sin pérdida de calidad.

Fue diseñado por Microsoft y es nativo de Paint.

# data[].attributes.body
Raster
Características:

Ofrece la máxima calidad.

Sus píxeles se mantienen "brutos", no se procesan ni transforman, se mantienen tal como se han adquirido.

El peso del archivo ocupa mucho espacio.

Se encuentra disponible únicamente en la mayoría de las cámaras digitales.

# data[].attributes.body
Raster
Características:

Formato optimizado para la web con alta compresión.

Permite compresión con y sin pérdidas.

Soporta transparencias y animaciones.

Mantiene alta calidad con archivos más ligeros que JPG o PNG.

No es compatible con algunos programas antiguos.

# data[].attributes.body
Raster y Vectorial
Características:

1. Se creó con la finalidad de intercambiar archivos entre diferentes sistemas operativos

2. Es un formato híbrido puede tener tanto imágenes bitmap como vectoriales

3. Es muy ligero, no abarca mucho espacio

4. Guarda con precisión el diseño del archivo.

5. No siempre respeta las características de la estructura de los archivos.

Es ideal para documentos que combinan texto e imágenes

# data[].attributes.body
Vectorial
Características:

Se usa en diseño gráfico e impresión profesional.

Puede contener texto, gráficos vectoriales y mapas de bits.

Se escala sin perder calidad.

Compatible con software como Adobe Illustrator y CorelDRAW.

Menos flexible que formatos modernos como SVG o PDF.

# data[].attributes.body
Vectorial
Características:

Formato nativo de Windows para almacenar gráficos.

Puede contener gráficos vectoriales y de mapa de bits.

Compatible con programas de Microsoft Office.

No es ampliamente usado fuera del entorno Windows.

# data[].attributes.body
Vectorial
Características:

Basado en XML, lo que permite edición mediante código.

Escalable sin pérdida de calidad.

Compatible con todos los navegadores web.

Permite interactividad y animaciones.

Se usa en gráficos web y diseño responsivo.

# data[].attributes.headline
Definición y características de las imágenes Raster (Bitmap)

# data[].attributes.subject
Definición y características de las imágenes Raster (Bitmap)

# data[].attributes.body
Las imágenes Raster o de mapa de bits son representaciones digitales compuestas por una cuadrícula de píxeles organizados en filas y columnas​.

Características:

Estructura basada en píxeles: Se componen de una cuadrícula donde cada píxel tiene un color específico.

Resolución dependiente del tamaño: Su calidad se mide en píxeles por pulgada (PPI o DPI), y al ampliarlas pueden perder calidad y volverse pixeladas.

Uso en fotografía y gráficos detallados: Son ideales para imágenes complejas con muchas variaciones de color.

Tamaño de archivo variable: Depende de la resolución y la compresión aplicada.

Dificultad de edición: La manipulación de imágenes Raster implica trabajar con píxeles individuales, lo que puede ser más difícil que con imágenes vectoriales.

Ejemplos de formatos: JPG, PNG, GIF, BMP, TIFF, PSD, RAW.

# data[].attributes.body
Vectorial
Características:

Formato nativo de Adobe Illustrator.

Utilizado en ilustraciones, logotipos y diseño gráfico.

Soporta capas y múltiples efectos de edición.

No es compatible con todos los programas sin conversión.

# data[].attributes.body
Vectorial
Características:

Formato nativo de CorelDRAW.

Usado en diseño gráfico y publicidad.

Soporta múltiples herramientas de edición avanzada.

Requiere CorelDRAW para abrirse correctamente.

# data[].attributes.body
Adobe (2024). Adobe illustrator User Guide. Recuperado de:

https://helpx.adobe.com/illustrator/user-guide.html

File-Extensions (SF). Graphics file extension list. Recuperado de: https://www.fileextensions.org/filetype/extension/name/graphic-files

Gamdek, C. (SF). Limitmind - Confusion about the image resolution in digital

photography. Recuperado de:

https://litmind.com/confusion_sobre_la_resolucion_de_la_imagen_en_fotografi

a_digital

García, M. (2019). Pardero: Cuál es la diferencia entre imagen y vector. Recuperado

de: https://www.paredro.com/cual-es-la-diferencia-entre-bitmap-y-vector-queformato-elegir/

Gómez-Ayala, I. Villar-García, M. (SF). Diseño gráfico e imagen pública, dos conceptos

a debate. Recuperado de:

https://www.redalyc.org/journal/4779/477954382029/

Ieb Barceloneta. (SF). Digital vs. Electrónico (¿Cuál es la diferencia?) – Todas las

diferencias. Recuperado de: https://www.iebbarceloneta.es/digital-vselectronico-cual-es-la-diferencia-todas-las-diferencias/

Luchetta, E. (2021) Pixaprinting: La resolución de una imagen. Recuperado de:

https://www.pixartprinting.es/blog/resolucion-una-imagen/

Marker, G. Teach with ITC. (SF). Binary representation of images. Recuperado de:

https://www.teachwithict.com/uploads/5/5/8/2/5582303/published/ghost.png?

1613303945

Tecnología + informática (SF). ¿Qué es un voxel, pixel, mega pixel y un texel?.

Recuperado de: https://www.tecnologia-informatica.com/pixel-texel-voxel/

Rodríguez, A. (2015). Pardero: ¿Qué es la resolución de una imagen? Recuperado de:

https://www.paredro.com/que-es-la-resolucion-en-una-imagen/

Wikipedia (SF). Gráfico vectorial. Recuperado de:

https://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial