Gráficos y formatos de imagen

Gráfico Rasterizado y Vectorial...💢💢

   Los gráficos rasterizados (también llamada mapa de bits o bitmap) es un fichero de datos que representa una matriz de píxeles (puntos de colores) denominada raster. En esta matriz el color de cada píxel es definido individualmente y que se puede visualizar en un monitor, papel u otro dispositivo de representación.

 Los gráfico vectoriales (también conocidos como modelados geométricos o gráficos orientados a objetos). Se conforman con primitivas geométricas tales como puntos, líneas, curvas o polígonos, de igual forma, son gráficos que se construyen por ordenador basándose en ecuaciones matemáticas. Se utiliza como antónimo de aquellas imágenes que están configuradas sobre un conjunto de píxeles, tales como los bitmaps, también llamados gráficos rasterizados.

     ¿Cómo funcionan?

  En los gráficos vectoriales la imagen se genera como descripción de trazos, por ejemplo: para crear un segmento de línea recta se indica su punto inicial (x1,y1), su punto final (x2,y2), su grosor, color, etc. En cambio, en una imagen bitmap, esa misma línea estaría formada por un número determinado de puntos (píxeles) de color contiguos.

Al contrario que un bitmap, una imagen vectorial, puede ser escalada, rotada o deformada, sin que ello perjudique en su calidad. Normalmente, un conjunto de trazos se puede agrupar, formando objetos, y crear formas más complejas que permiten el uso de curvas de Bézier, degradados de color, etc. En algunos formatos, como el SWF, las imágenes vectoriales pueden animarse muy fácilmente sin que ello suponga un aumento excesivo en el tamaño del archivo, al contrario de los bitmaps.

   Existen diferentes tipos de formatos de archivos de imagen, los  más utilizados son: 

• Formatos de imágenes rasterizadas:

1. Formato de imagen JPEG / JPG:  es de lo más usados, sobretodo en internet, en fotografías o en gráficos web. Es un formato de imagen con pérdidas y pesa poco aunque en resoluciones pequeñas puede aumentar notablemente su pixelación.
2. La extensión de imagen .gif: es sin pérdidas y se usa casi exclusivamente para web ya que permite crear pequeñas animaciones. Últimamente ha adquirido gran popularidad gracias a los memes. A pesar de que Gif es un formato de imagen sin pérdidas, se puede guardar en un formato reducido para menguar su tamaño. Se recomienda usar el formato de imagen GIF para animaciones web como banners, memes o iconos. Cabe mencionar que puedes guardarlo con un fondo transparente. No obstante no se recomienda usar gif para fotografías de alta calidad ni para imprimir, ya que solo tiene 256 colores.
3. Formato de imagen PNG:  es uno de los mejores, se  puede añadir una transparencia con degradado al fondo (GIF solo permite una transparencia pura).  Es ideal para gráficos web como iconos y funcionan muy bien con una paleta de color reducida.
4. La archivo de imagen .tiff / .tif: ofrece mucha calidad a las fotografías, aunque suele ser bastante pesado. También puedes usarlo para escanear en alta calidad. Sin embargo, no se recomienda en gráficos web, ya que la extensión de imagen .tiff o .tif está optimizada para imprimir.
5. El formato de imagen RAW:  es totalmente diferente a los vistos anteriormente. Se trata de archivos “no procesados” que se obtienen directamente desde una cámara (por lo general una cámara de fotos profesional) o de un sensor de escaner. Las imágenes RAW, almacenan los datos no procesados y los procesados en dos archivos totalmente independientes. Así, puedes editar la imagen sin tener miedo de las pérdidas o de “destruir” la original. Por lo tanto, la extensión de imagen .raw se usa mucho en fotografía profesional para editar las imágenes. Se recomienda convertir a cualquier otro archivo una vez hayamos terminado de editar ya que es un archivo muy pesado. Así, si queremos subir la imagen a internet, se recomienda hacerlo en .jpg.
6. El formato de imagen BMP:  es un archivo de mapa de bits, sin pérdidas y que fue desarrollado para Windows. Es por ello que guarda una gran cantidad de información y eso lo convierte en un archivo bastante pesado. Sin embargo, debido al auge de internet, este tipo de formato de imagen ha ido perdiendo popularidad durante los últimos años en favor de .jpeg.
7. La extensión de archivo de imagen .psd:  es creada por Adobe photoshop y puede ser abierta por este programa. Es archivo .psd es editable con capas y ajustes de imagen. Es usado mayoritariamente para imágenes en mapas de bits, aunque también tiene opciones para crear vectores. Con photoshop podemos exportar a muchos otros formatos de imagen una vez hayamos terminado de editar o de crear.

• Formatos de imágenes vectoriales: 

1. El formato de imagen PDF: Es un formato universal y se suele pedir en imprentas como archivo final. Es por ello que se recomienda guardar en .pdf antes de llevar a imprimir. En muchas ocasiones dispondremos de archivos de imagen PDF que son editables. No obstante se recomienda editar fuera de este archivo y usarlo solamente para mostrar documentos, diseños, ilustraciones o para imprimir.
2. La extensión de imagen .eps:  puede incluir tanto vectores como imágenes rasterizadas o mapa de bits. Se recomienda usar este archivo de imagen únicamente para enviar el proyecto a la imprenta o para enviárselo al cliente. 
3. El formato de imagen SVG: este tipo de formato pesa poco y usa un estilo CSS (lenguaje de programación que se encarga de dar estilo a las webs). La gran ventaja de este formato de imagen es que se puede visualizar en navegadores. Así, si tenemos una web podemos crear iconos en formato .svg con lo que al ser vector, tendrá una mejor calidad. Esto es genial para las nuevas webs responsive (que varían el tamaño dependiendo del dispositivo donde se visualicen. El problema que presenta la extensión de archivo de imagen .svg es que está basada en el lenguaje de programación .xml, por lo que se necesita conocimientos sobre este lenguaje para hacerlo funcionar debidamente.
4. El formato de imagen AI:  es propio de Adobe Illustrator y dentro de él podemos crear gráficos vectoriales y editarlos. Una vez creado el diseño se debe exportar a otro archivo para su visualización.