🧐¿Vectores o mapas de bits? Que diferencia hay entre una imagen vectorial y un Mapa de Bits.🙀

🧐¿Vectores o mapas de bits? Que diferencia hay entre una imagen vectorial y un Mapa de Bits.🙀

Understanding Bitmaps and Vectors in Graphic Design

Introduction to Bitmaps

  • Bitmaps, or raster images, are composed of tiny squares called pixels. Each pixel is the smallest unit of a digital image.
  • The size and number of pixels depend on the image's resolution; for example, 72 PPI (pixels per inch) differs from 300 PPI.
  • Pixel depth affects color representation: an 8-bit pixel supports up to 256 colors, while a 24-bit pixel can display around 16 million colors.

Quality and Usage of Bitmaps

  • Bitmap quality varies based on intended use—web versus print. Common bitmap formats include JPG, PNG, TIFF, and GIF.
  • For printing, a resolution between 300 to 1200 PPI is required; for screens or projectors, RGB color model with resolutions starting at 72 PPI is used.

Limitations of Bitmaps

  • A significant drawback of bitmaps is that enlarging them results in loss of quality due to their pixel-based nature.

Introduction to Vectors

  • Vector images consist of geometric shapes defined by mathematical properties rather than pixels. They include points (Bezier points), lines, curves, and polygons.

Advantages and Disadvantages of Vectors

  • Vectors can be resized without losing quality and occupy less storage space compared to bitmaps. However, they lack the photorealism that bitmaps provide due to their mathematical composition.

Choosing Between Bitmaps and Vectors

  • The choice between using bitmaps or vectors depends on the specific project requirements. Software like Adobe Illustrator and Photoshop allows for integration of both formats in design workflows.
Video description

#tutorialesdisenografico #disenografico 00:00 Intro 00:27 ¿Qué es un mapa de bits? 00:33 ¿Qué son los pixeles? 00:58 Resolución de un un mapa de bits 01:21 La profundidad de bits 02:12 Formatos de mapa de bits 02:18 Modos de color en un mapa de bits 02:52 Desventaja de los bitmaps 03:00 ¿Qué son los vectores? 03:45 Principal ventaja de los gráficos vectoriales 04:02 Desventaja de los gráficos vectoriales 04:32 Conclusión ¿Vectores o mapas de bits? ¿Vectores o mapas de bits? Los vectores y los mapas de bits siempre han sido un problema decisivo en el mundo del diseño gráfico. ¿Qué diferencia existe entre ellos? ¿Como nos beneficia y como nos afecta? Empecemos: Los mapas de BITS o las imágenes raster están formadas por cuadritos diminutos los cuales se llaman pixeles. Un pixel (picture element en inglés) es la menor parte que compone la imagen digital. Al hacer zoom sobre una imagen se observan los pixels que la componen. Entonces podemos decir que un conjunto de pixeles son una matriz que forman una imagen digital. Los pixeles son cuadrados, su tamaño y cantidad depende de la resolución de la imagen. Por ejemplo, el tamaño y cantidad de pixeles de una imagen con una resolución de 72 PPP no es igual al de una imagen con una resolución de 300 PPP, así las dimensiones de la imagen sean iguales en ambos casos. Cada pixel se codifica por medio de bits los cuales dependiendo de su profundidad le dan a la imagen su nitidez, estos bits van desde 8 bits hasta 24 bits. Un pixel con una profundidad de 8bits soporta un máximo de 256 colores, en cambio un pixel con una profundidad 24 bits soporta hasta 16.000 variaciones de color. Esto quiere decir que mientras más pixels por pulgada tenga una imagen y mayor profundidad en Bits, más espacio de almacenamiento va a ocupar en nuestra computadora, ya que cada pixel es almacenado de forma independiente en un mapa de bits. Estos mapas de bits varían la calidad de la imagen dependiendo si su uso es para web o para impresión. Los formatos de mapas de bits más utilizados son: JPG PNG TIFF o GIF. Para impresión se utiliza el modelo de color sustractivo CMYK (cian, magenta, negro y amarillo), el cual exige imágenes con resoluciones desde 300PPP hasta los 1200PPP en el caso de impresión de gran formato. En el caso de imágenes destinadas para pantalla, web, proyectores o escáneres se usa el modelo de color aditivo RGB (red-green-blue) en el cual se manejan resoluciones desde 72PPP. Uno de los defectos que poseen los mapas de bits es que al ampliarse su tamaño o estirarse la calidad de estos se pierden. Ya que tenemos claro como funcionan los mapas de bits hablemos de los vectores: Una imagen vectorial es una imagen digital la cual esta compuesta por formas geométricas dependientes: arcos, polígonos, segmentos, triángulos y también están formados por puntos de control, llamados puntos Bézier. Cada una de estas formas geométricas están definidas por propiedades matemáticas de tamaño y posición. Es decir que un rectángulo de color verde quedara definido por la posición de su eje central, su alto, ancho y grosor de trazo. Los puntos Bézier o puntos de ancla, permiten un control total de las formas vectoriales ya que permiten hacer lo que necesitemos con estas. La principal ventaja que posee este formato de imagen digital es que se puede estirar, distorsionar, cambiar de tamaño o mover sin que exista una perdida de calidad. La otra ventaja es que los gráficos vectoriales ocupan poco espacio de almacenamiento. Pero desafortunadamente los vectores no pueden representar la misma calidad de imagen que poseen los mapas de Bits, ya que estos carecen de realismo fotográfico al ser imágenes compuestas por ecuaciones matemáticas. El termino vector está relacionado directamente con las gráficas bidimensionales generadas por ordenador, pero con los avances tecnológicos son muy utilizados en el diseño y modelado 3D enfocado hacia el desarrollo de videojuegos. ¿Entonces que elegir? ¿Bitmaps o vectores? La respuesta esta en el tipo de proyecto que deseemos desarrollar. Aplicaciones como Adobe illustrator o Adobe Photoshop permiten mezclar en su flujo de trabajo ambos formatos de imagen digital. No olvides, LIKE, COMPARTE Y SUSCRÍBETE A MI CANAL. https://www.youtube.com/channel/UCraYRQ8arR4yAyPaIcNICxA Si tienes dudas, ¡NO DUDES! Escribe tu pregunta o tu duda en la caja de comentarios. ========================================= ¿Quieres que haga un tutorial de un tema específico? Escribe tu tema o propuesta en la caja de comentarios y con gusto haré un video para ti. Mi blog: http://elrincongrafico.com/ Mi facebook: https://www.facebook.com/elrincongrafico/ Mi twitter: https://twitter.com/elrincongrafico Mi Instagram: https://www.instagram.com/elrincongrafico/ ========================================= Algunas imágenes usadas en este vídeo fueron descargadas de: https://pixabay.com/ #yomequedoencasa