Conceptos Gráficos Básicos

Mapa de bits vs Vectorial

Entiende la diferencia fundamental entre rejillas de píxeles y trazados matemáticos con esta demo interactiva.

Nivel de Zoom: 1.0x
Arrastra para ver detalles
Mapa de bits
Esencia: Rejilla de Píxeles
Vectorial
Esencia: Trazados Matemáticos

Tecnología de Mapa de bits

  • Principio:

    Una rejilla de cuadrados de color llamados "píxeles". Cada píxel tiene info de color (RGB). La calidad depende directamente de la Resolución (DPI/PPI).

  • Color:

    Excelente para degradados complejos, sombras y detalles. La única opción para fotos y pintura realista.

  • Formatos:
    JPG PNG GIF TIFF WEBP

Tecnología Vectorial

  • Principio:

    Basado en fórmulas matemáticas (puntos, líneas, curvas). Ej: un círculo se define por centro y radio `r`, no píxeles. Por tanto, es infinitamente escalable sin pérdida.

  • Archivo:

    El tamaño es usualmente muy pequeño (solo guarda instrucciones) e independiente de las dimensiones. No sirve para fotorrealismo.

  • Formatos:
    SVG AI EPS PDF
DimensiónMapa de bitsVectorial
Resolución
Dependiente
Independiente
Tamaño
Grande (alta res)
Mínimo (formas simples)
Conversión
Difícil vectorizar
Fácil rasterizar
Uso
Fotos, Pinturas
Logos, Iconos, Texto
Consejo: El diseño web moderno usa SVG para iconos (nitidez Retina) y WebP/JPG para fondos fotográficos.