Blog

Inicio/Diseño Gráfico/Imágenes gráficas – Bitmap vs Vector

Imágenes gráficas – Bitmap vs Vector

Siempre estamos trabajando con imágenes, pero seguramente algunos desconocen que existen dos tipos de imágenes: vectoriales y mapa de bits (bitmap), y que dependen de la resolución. Este concepto es muy importante en el mundo del diseño, por ello, vamos a tratar brevemente la diferencia entre una imagen digital en vectores o en mapa de bits.

Generalmente, las imágenes vectoriales se pueden redimensionar al contrario que las imágenes bitmaps, estas últimas representan imágenes reales mientras que las vectoriales representan imágenes más básicas formadas por líneas y colores.

¿Qué es la resolución?

La resolución es la nitidez o calidad visual con que se ve una imagen. La resolución de una imagen en mapa de bits se ve afectada por sus dimensiones, pero esta no afecta a los vectores, de aquí la diferencia entre uno y otro.

La resolución de una imagen se expresa en DPI (Puntos Por Pulgada – PPP) o bien PPI (Pixeles Por Pulgada – PPP), e indica el número de puntos o pixeles que hay en una pulgada.

  • 300dpi (ppp) = calidad alta (óptima para impresión), pesa mucho.
  • 120 – 200dpi (ppp) = calidad media (es aceptable para imágenes impresas de tamaño medio o pequeño.)
  • 72dpi (ppp) = calidad baja (óptima para web), pesa poco.

  • ¿Cómo se calcula la resolución de imágenes para impresión?
  • Las imágenes digitales utilizadas en impresión deben tener una resolución equivalente al doble de lo que serán impresas.

    Para calcular la resolución necesaria se multiplica la cantidad de líneas por pulgadas (lpi) con que se va imprimir por 2.

    Por ejemplo, si se va a imprimir un trabajo a 85 líneas o lpi, el gráfico debe crearse a 170dpi, que es el resultado de multiplicar 85 x 2.

    La mayor o menor riqueza de colores o grises de una imagen viene dado por la resolución de dicha imagen. En otro artículo, hemos mencionado la importancia de conocer qué resolución debe tener una imagen dependiendo de su uso final.

    ¿Qué es una imagen bitmap o mapa de bits?

    Una imagen bitmap se compone de pixeles (o patrón de puntos cuadrados). Un pixel es la unidad mínima de una imagen. Cada pixel de la imagen tiene un color asignado y, además, guarda información de su ubicación; cuantos más pixeles contenga una imagen mayor tamaño (en kbytes) y resolución tendrá.

    Los formatos más utilizados de imágenes bitmap son: jpg, tiff, png, gif o psd (de Photoshop).

    ¿Qué es una imagen o gráfico vectorial?

    Las imágenes o gráficos vectoriales se crean a partir de objetos formados con ecuaciones matemáticas llamados vectores. Los programas vectoriales de diseño como Illustrator o Freehand nos permiten crear una imagen a partir de puntos que siguen una coordenada X, Y en pantalla (posición), también contiene información sobre el color de relleno (ver Trabajar con modo RGB o CMYK) y sobre el tamaño o espacio que ocupa en la pantalla.

    Una gran ventaja de las imágenes vectoriales es su capacidad de mantener la nitidez y definición de los bordes por mucho que las ampliemos. Por ello, se utilizan fundamentalmente en diseño gráfico para la creación de logotipos, imagen corporativa, cartelería, etc.

    Entre los formatos más usados se encuentran el eps, ai (de Illustrator), svg (para web) o incluso el pdf que guarda también archivos de vectores.

    Conclusión

    A la hora de diseñar un logotipo nunca deberá crearse en imagen bitmap ya que, como hemos mencionado, esta depende de la resolución y su reprodución en formatos más grandes (como una valla publicitaria) se verá pixelada y distorsionada, es decir, perderá calidad.

    Si en el diseño queremos añadir algún efecto o ilustración, lo recomendable es vectorizar el gráfico y hacerlo parte del logotipo, de esta manera será independiente de la resolución a cualquier tamaño.

    Debido al uso de fórmulas matemáticas, los gráficos vectoriales ocupan poco espacio de almacenamiento al contrario que las imágenes bitmaps porque guardan información de cada pixel que las compone.

    Y para terminar… os recomendamos que echéis un ojo al siguiente video, que es muy cortito, donde hablan muy rápidamente de los dos tipos de imágenes digitales.

    Post Tags -
    Verónica Fernández

    Escrito por

    Pequeña creativa , maquetadora y desarrolladora web en continuo aprendizaje para el mejor desarrollo profesional. Intentando mejorar cada día!!

    Deja un comentario

    Uso de cookies

    Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

    ACEPTAR