Gestión de imágenes raster y vectoriales: formatos, versiones y activos de marca

Todo equipo de marca convive a diario con dos tipos de imagen, raster y vectorial, y elegir mal el archivo de partida puede causar logos borrosos, exportaciones pesadas o versiones que no escalan. Un mapa de bits, también llamado imagen raster o bitmap, es una representación digital de una imagen mediante una matriz rectangular de puntos individuales llamados píxeles, donde cada píxel almacena información sobre su color. Cuando los miles o millones de píxeles se ven a la distancia adecuada, el cerebro los interpreta como una imagen continua. Esa lógica simple, imagen = matriz de píxeles con información de color, es la base de prácticamente todas las fotografías digitales, capturas de pantalla, y la mayoría del contenido visual que circula en internet.

La distinción entre raster y vector es probablemente la decisión técnica más fundamental de la comunicación visual digital, y la que más confusión genera entre profesionales no técnicos y en la gestión de activos de marca. Equivocarse, usar raster cuando hace falta vector o al revés, puede limitar una entrega, especialmente si se ha perdido el original. Este artículo cubre el origen histórico de ambos formatos, las diferencias operativas reales, los formatos y versiones que conviene mantener, y cómo decidir bien según contexto.

El origen del raster: de los CRT a MacPaint

La idea de representar imágenes mediante matrices de puntos se remonta a los inicios de la informática gráfica. Ivan Sutherland, en su tesis doctoral de 1963 en MIT (Sketchpad: A Man-Machine Graphical Communication System), estableció muchos de los conceptos fundamentales de gráficos por computadora, aunque su trabajo se centraba más en gráficos vectoriales que en raster.

Una pantalla CRT raster dibuja la imagen recorriendo líneas con un haz de electrones. No debe confundirse ese barrido con una matriz física de píxeles como la de una pantalla digital actual.

El momento que llevó el raster al gran público fue el lanzamiento del Apple Macintosh el 24 de enero de 1984. El Mac venía con dos aplicaciones que demostraban las capacidades gráficas del equipo: MacPaint y MacWrite. MacPaint fue desarrollado por Bill Atkinson, uno de los ingenieros legendarios del equipo Mac original. Atkinson había desarrollado también QuickDraw, el sistema gráfico subyacente del Mac, y MacPaint demostraba su potencia: edición de imágenes raster con herramientas (lápiz, brocha, balde de pintura, formas, gomas) que se han mantenido conceptualmente similares hasta hoy en cualquier editor de imágenes.

MacPaint trabajaba en blanco y negro a 1 bit por píxel. Su modelo de edición permitía modificar regiones de la imagen con herramientas de pintura.

Photoshop: febrero de 1990

El siguiente hito histórico es Adobe Photoshop, que cambió radicalmente el universo de la edición de imágenes raster. La historia es bien conocida: Thomas Knoll, estudiante de doctorado en la Universidad de Michigan, escribió en 1987 un programa llamado Display para mostrar imágenes en escala de grises en un Macintosh Plus. Su hermano John Knoll, que trabajaba en Industrial Light & Magic, vio el programa y lo encontró útil. Los hermanos Knoll trabajaron juntos para extenderlo a una herramienta más completa de edición.

En 1988, Thomas Knoll firmó un acuerdo con Adobe para que la empresa distribuyera el programa, y el 19 de febrero de 1990 Adobe lanzó Photoshop 1.0 para Macintosh.

Photoshop transformó industrias enteras. La fotografía profesional, el diseño editorial, la publicidad, la producción audiovisual, la edición digital, todas adoptaron Photoshop como herramienta estándar a lo largo de los años 90 y 2000. La frase "to photoshop something" entró al inglés común como verbo. La capacidad de manipular imágenes raster de manera invisible, retocar, componer, alterar, tuvo consecuencias culturales que siguen debatiéndose tres décadas después (estándares de belleza inalcanzables, deepfakes antes de los deepfakes, manipulación periodística).

A partir de 2003, Adobe lanzó la suite Creative Suite (CS) y desde 2013 Adobe Creative Cloud (CC) en modelo de suscripción.

El otro mundo: vector, Warnock, Illustrator (1982-1987)

Paralelamente al desarrollo del raster, otra tradición se construía: los gráficos vectoriales, donde las imágenes no se representan como matrices de píxeles sino como fórmulas matemáticas que describen líneas, curvas y formas.

John Warnock y Charles Geschke habían trabajado juntos en Xerox PARC en los 70, donde desarrollaron un lenguaje gráfico llamado InterPress. Frustrados porque Xerox no comercializaba sus innovaciones agresivamente, dejaron Xerox y fundaron Adobe Systems en diciembre de 1982. La primera contribución comercial de Adobe fue el lenguaje PostScript, desarrollado entre 1982 y 1984.

PostScript es un lenguaje de descripción de páginas que puede representar texto, trazados e imágenes raster. El dispositivo de salida interpreta esa descripción; no todo el contenido de una página PostScript es vectorial.

Adobe sitúa el lanzamiento público de Illustrator el 19 de marzo de 1987. Illustrator permitió trabajar con gráficos vectoriales editables basados en trazados, incluidas curvas Bézier.

A lo largo de los 90 y 2000, Illustrator y PostScript dominaron el mundo del diseño vectorial profesional, especialmente en identidad visual, packaging, ilustración, y diseño editorial.

La diferencia técnica fundamental

Para tomar decisiones sobre cuándo usar uno u otro, conviene entender qué hace cada uno técnicamente:

Raster (mapa de bits). La imagen es una matriz de píxeles. Cada píxel guarda valores de color (típicamente RGB con 24 bits de profundidad: 8 bits por canal, 256 niveles cada uno, 16,7 millones de colores posibles). Hay también canales alfa para transparencia (32 bits con alpha). El tamaño del archivo depende de la cantidad de píxeles y el método de compresión.

Vector. La imagen es una colección de instrucciones matemáticas: "línea recta de A a B con grosor X y color Y", "curva Bézier con puntos de control C1, C2, C3", "rectángulo con esquinas redondeadas relleno de color Z", etc. La geometría se guarda como instrucciones; el mismo documento también puede contener imágenes raster, como contempla el estándar SVG.

Las consecuencias prácticas son fundamentales:

Escalabilidad. Los trazados vectoriales se recalculan para el tamaño de salida. Los elementos raster incluidos conservan sus límites de resolución. Al remuestrear una imagen raster se añaden píxeles estimados o se eliminan muestras; conserva el original antes de cambiar sus dimensiones.

Tamaño de archivo. Una fotografía suele representarse como raster y un logo de formas simples puede ser compacto en vector. El peso real depende de la complejidad, las imágenes incluidas, las dimensiones y la compresión; compara los archivos de salida.

Edición. Los editores vectoriales permiten modificar trazados y objetos. En raster también se editan píxeles y se pueden usar capas, máscaras o ajustes sin sobrescribir el original. Adobe documenta estas técnicas de edición no destructiva. La extensión y la forma de guardar determinan qué estructura se conserva.

Apropiado para... Vector funciona excelentemente para: logos, iconos, ilustraciones de líneas y formas, tipografía, infografías. Raster funciona excelentemente para: fotografías, screenshots, texturas, imágenes con degradados complejos y detalles fotorealistas.

Conversión. Rasterizar convierte los trazados en píxeles a unas dimensiones concretas: aunque se vea bien en ese destino, el resultado no conserva la geometría editable. Vectorizar una imagen raster aproxima formas; comprueba el resultado y conserva la fuente.

Los formatos raster modernos: una guía honesta

Hay una proliferación de formatos raster que conviene mapear. Cada uno tiene contextos donde es óptimo:

JPG (JPEG). El JPEG habitual para fotografía usa compresión con pérdida. El nivel de compresión afecta al peso y a los artefactos visibles, especialmente en texto y bordes. No conserva transparencia. Mantén el original o editable para nuevas exportaciones.

PNG. Portable Network Graphics. Usa compresión sin pérdida y admite transparencia. Es útil para capturas y gráficos de bordes definidos. El peso frente a JPEG depende del contenido y de los ajustes. Consulta PNG vs JPG para imagen.

GIF. Graphics Interchange Format, creado por CompuServe en 1987. Limitado a 256 colores por imagen. Soporta animación simple, transparencia binaria (sí/no, sin grises). Sigue usándose para animaciones cortas pese a sus limitaciones. Pronunciación todavía debatida.

WebP. Admite compresión con pérdida o sin pérdida, transparencia y animación. Puede reducir el peso de una entrega web; compara calidad, tamaño y compatibilidad con los destinos que necesitas cubrir.

AVIF. Formato de imagen que utiliza codificación AV1. Es una opción para entregas web: compara el resultado visual, el peso, el tiempo de codificación y el soporte de las aplicaciones de destino. No garantiza una mejora para cualquier imagen o ajuste.

HEIC/HEIF. HEIF es un contenedor de imágenes que puede usar distintos códecs, no un sinónimo de H.265. HEIC suele identificar imágenes HEIF codificadas con HEVC. Nokia explica esta separación entre estructura y códec. Comprueba qué aplicaciones pueden abrir tu archivo antes de entregarlo.

TIFF. Tagged Image File Format. Admite distintas profundidades y métodos de compresión, incluidos métodos con pérdida. La extensión por sí sola no garantiza calidad ni ausencia de compresión destructiva: revisa los ajustes de guardado y la especificación de entrega.

BMP. Formato de mapa de bits asociado a Windows. Muchas variantes guardan datos sin compresión y pueden generar archivos grandes; su utilidad depende de la aplicación de destino.

RAW. Familia de formatos de cámara, como CR2/CR3, NEF o ARW, que conservan datos para el revelado. El procesamiento y la compresión dependen del formato y la cámara. Para retomar un revelado, conserva el original y sus ajustes: Camera Raw puede guardarlos en archivos XMP, una base de datos o el propio DNG.

Los formatos vectoriales modernos

SVG (Scalable Vector Graphics). Estándar W3C desde 2001. XML-based, editable como texto, soportado nativamente en navegadores web. Es el estándar para vector en la web. Perfecto para logos, iconos, ilustraciones simples.

EPS (Encapsulated PostScript). Formato derivado de PostScript de los 80. Sigue usándose en imprenta y trabajo profesional, especialmente para activos que llegan a producción de imprenta tradicional.

PDF. Portable Document Format, lanzado por Adobe en junio de 1993. Originalmente concebido como formato de documentos pero capaz de almacenar tanto raster como vector. En 2008 se convirtió en estándar ISO (ISO 32000-1).

AI (Adobe Illustrator). Formato nativo de Illustrator. La compatibilidad PDF depende de cómo se guarde el archivo; comprueba que el destino interpreta el contenido y conserva el original editable.

Sketch, Figma, Affinity Designer. Herramientas con documentos nativos que pueden combinar elementos vectoriales y raster. Conviene conservar el documento de trabajo además de sus exportaciones. Adobe y Figma cancelaron su acuerdo de adquisición en diciembre de 2023; Figma no pasó a ser propiedad de Adobe por ese acuerdo.

Cuándo usar raster, cuándo usar vector

La elección depende del contenido, de la edición que quieras conservar y de la especificación de entrega:

Considera vector cuando:

• El elemento debe escalar a tamaños muy distintos (logo en favicon, en tarjeta, en valla publicitaria de 6 metros).
• Es un logo, icono, ilustración de líneas y formas sólidas.
• El gráfico está formado por trazados simples que pueden dar una entrega compacta.
• Quieres conservar y editar trazados más adelante.
• Necesitas mantener la geometría de un gráfico al cambiar su tamaño de impresión.

Usa raster cuando:

• Es una fotografía o tiene alto fotorrealismo.
• Hay degradados complejos, texturas, efectos de fotografía.
• Es captura de pantalla o screenshot.
• El tamaño final es conocido y no necesita escalar.

Para web:

• Fotografías → compara AVIF, WebP y JPEG según calidad, peso y soporte de los destinos.
• Logos e iconos → SVG.
• Capturas de pantalla → WebP o PNG.
• Gráficos animados → elige imagen animada o vídeo según duración, transparencia, controles y soporte.

Para imprenta:

• Logos y elementos de marca → conserva el vector y entrega el formato solicitado por la imprenta, por ejemplo un PDF con sus ajustes acordados.
• Fotografías → entrega una imagen revelada con dimensiones, perfil y compresión acordados. No confundas el RAW de cámara con una entrega lista para imprimir.

Resolución y tamaño: las decisiones que casi nadie explica bien

Aquí hay confusión generalizada que merece párrafo propio:

Píxeles totales. Cantidad absoluta de píxeles en la imagen (ancho × alto). Es la información fundamental.

PPI y DPI. PPI expresa píxeles de imagen por pulgada al asignar un tamaño físico; DPI describe puntos del dispositivo de impresión. No son intercambiables. En web, revisa dimensiones de la imagen, tamaño en CSS y densidad de la pantalla.

Tamaño físico. El tamaño en centímetros o pulgadas a la que se quiere mostrar. Junto con resolución, determina los píxeles necesarios.

Profundidad de color (bit depth). Indica cuántos bits se usan por canal: un canal entero de 8 bits admite 256 valores y uno de 16 bits, 65.536. Elige profundidad y representación según la fuente, las operaciones y el destino; no todo trabajo profesional exige 16 bits.

El tamaño físico se relaciona con los píxeles y los PPI: ancho en pulgadas = ancho en píxeles / PPI. Sin remuestreo, cambiar los PPI mantiene los mismos píxeles.

Las relaciones prácticas:

• Web: prepara tamaños acordes al contenedor y a la densidad del dispositivo. Una etiqueta de 72 PPI no determina la nitidez en el navegador.
• Imprenta: acuerda la densidad a tamaño final con el proveedor. Cambiar solo el valor PPI no añade detalle.
• Gran formato: la densidad necesaria depende del proceso, el soporte y la distancia de observación; no hay un valor único para todos los carteles.

Las imágenes mal dimensionadas son fuente típica de fricción: imágenes web innecesariamente pesadas que ralentizan páginas, imágenes para imprenta enviadas con resolución insuficiente que llegan pixeladas, imágenes redimensionadas mal con interpolación que pierde detalle.

Errores comunes en imágenes raster

Confundir resolución de pantalla con calidad. "La imagen se ve bien en mi pantalla" puede no significar que tiene resolución suficiente para su uso final.

Guardar un JPG y descartar el original. Volver a codificar con pérdida puede acumular degradación; copiar o abrir un JPEG no la produce por sí solo. Conserva el original de cámara —que también puede ser JPEG— y el editable con sus recursos para preparar otras versiones.

Aumentar resolución con interpolación. El remuestreo estima píxeles nuevos. Puede mejorar la apariencia a cierto tamaño, pero no recupera de forma garantizada los detalles capturados que faltan en la fuente.

Usar PNG sin comparar alternativas. La compresión sin pérdida puede ser necesaria, pero una foto destinada a web podría pesar menos en otro formato con calidad suficiente. Comprueba el resultado al tamaño de uso.

No optimizar para web. Las dimensiones y el peso de un original de cámara varían. Prepara una copia para el tamaño de presentación y el peso de entrega, conservando el original en la biblioteca.

No considerar pantallas de distintas densidades. Sirve tamaños adecuados con srcset y sizes o un mecanismo equivalente. La proporción necesaria depende del tamaño mostrado y de la densidad del dispositivo.

Confundir mapa de bits con vector solo por la extensión. Un PDF puede contener tanto vector como raster. Que sea PDF no garantiza que sea vectorial. Hay que verificar con la herramienta apropiada.

Convertir vector a raster prematuramente. Una vez que conviertes un logo vectorial a PNG, perdiste la capacidad de escalar libremente. Mantener el vector original es básico.

No documentar licencias. Imágenes de stock con licencias específicas pueden tener restricciones (uso editorial vs comercial, atribución requerida). Conserva la procedencia y las condiciones aplicables para comprobar si el nuevo uso está permitido.

Mapa de bits y operaciones creativas

Para una marca que produce comunicación visual regularmente, la gestión de imágenes es problema operativo significativo. Originales en alta calidad, exportaciones por canal, versiones por idioma, versiones aprobadas vs en revisión, vinculación con campañas, sin sistema de gestión, los activos se duplican, se pierden, se usan versiones incorrectas en piezas finales, y cada nueva pieza tiene fricción de búsqueda que una biblioteca recuperable puede reducir.

Esa coordinación es disciplina de operaciones creativas: la producción de contenidos genera y mantiene activos visuales, la gestión de marca define qué versiones son canónicas y cómo se etiquetan, los flujos de aprobación ayudan a comprobar qué versión está lista para distribuir.

En Polimake Media puedes ver, analizar y buscar por contenido visual archivos SVG, AI, PSD y RAW de cámara. Recupera los activos desde la interfaz, API o MCP para continuar el trabajo en las herramientas conectadas. También puedes buscar en fuentes externas sin subir los originales.

---

La regla fotos → raster, gráficos de trazados → vector sirve como orientación, pero la entrega manda. Conserva los originales y editables, prepara derivados para cada destino y comprueba su aspecto. Un RAW requiere revelado para generar una imagen de entrega, y un SVG puede incluir contenido raster.

Para complementar, PNG vs JPG para imagen cubre la decisión más común dentro del mundo raster, corregir el color cubre la postproducción que se aplica sobre raster, y cómo hacer mejor fotografía de comida cubre un caso de uso específico de raster con consideraciones técnicas concretas.

Referencias rápidas

• PNG vs JPG para imagen, la elección dentro de raster.
• Corregir el color, la postproducción aplicable a raster.
• Cómo hacer mejor fotografía de comida, caso de uso específico.
• Producción de contenidos, gestión de activos visuales a escala.
• Gestión de marca, qué versiones son canónicas.

Relaciona original, editable y derivados

Para cada imagen, identifica fuente, dimensiones, perfil de color, recorte, compresión, transparencia, derechos y uso. Conserva el vector cuando exista y deriva tamaños desde una fuente aprobada. No conviertas un JPG descargado de la web en nuevo master.

En el DAM de Polimake, originales y variantes pueden buscarse mediante interfaz, API o MCP. Una herramienta de IA puede recibir imágenes específicas del cliente; el equipo todavía debe controlar calidad, permisos y qué versión representa la marca.

— Oli Ser, fundador de Polimake