Tipos de imágenes Bitmap (rasterizada, matricial) Vectoriales Diseño Gráfico de la IU – IMAGENES Tipos de imágenes (Según su forma de ALMACENAMIENTO) Bitmap (rasterizada, matricial) Es una estructura o archivo de datos que representa una rejilla rectangular de pixeles o puntos de color, denominada raster, que se puede visualizar en un monitor, papel u otro dispositivo de representación. Vectoriales Es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. 1 1

Bitmap Extensiones de archivos (los más conocidos) BMP GIF JPG (JPEG) Diseño Gráfico de la IU – IMAGENES Bitmap Extensiones de archivos (los más conocidos) BMP Formato propio del Paint Imagen sin comprimir Buena para fotos Archivo pesado GIF Formato creado para la Web Paleta de 256 colores Permite transparencia, entrelazado y animación Ideal para iconos e imágenes con colores planos para la Web Definición pobre en los degradé JPG (JPEG) Imagen comprimida Ideal para fotos en la Web Permite varias calidades PNG Imagen comprimida creada para solucionar el problema de calidad del GIF Paleta de millones de colores Permite transparencia y entrelazado, pero NO animación Algunos navegadores no reconocen el canal alfa TIF (TIFF) Imagen sin comprimir Ideal para imprimir en imprenta por la calidad Archivo muy pesado 2 2

Bitmap (Ejemplo) JPG (JPEG) Diseño Gráfico de la IU – IMAGENES Calidad 100% 544 x 600 px Resolución: 72 ppp Tamaño 322 Kb 3 3

Bitmap JPG (JPEG) Diseño Gráfico de la IU – IMAGENES Calidad 100% - 114 Kb Calidad 60% - 34,5 Kb Calidad 30% - 16,4 Kb Calidad 0% - 7,12 Kb 4 4

Bitmap (Detalle) JPG (JPEG) Diseño Gráfico de la IU – IMAGENES Calidad 100% - 114 Kb Calidad 60% - 34,5 Kb Calidad 30% - 16,4 Kb Calidad 0% - 7,12 Kb 5 5

Bitmap JPG (JPEG) BMP TIF Diseño Gráfico de la IU – IMAGENES Calidad 100% Tamaño: 34,5 Kb Resolución: 72 ppp BMP Tamaño: 207 Kb TIF Tamaño: 3,53 Mb Resolución: 300 ppp 6 6

Bitmap (Detalle) JPG (JPEG) BMP TIF Diseño Gráfico de la IU – IMAGENES Calidad 100% Tamaño: 34,5 Kb Resolución: 72 ppp BMP Tamaño: 207 Kb TIF Tamaño: 3,53 Mb Resolución: 300 ppp 7 7

Bitmap JPG (JPEG) PNG GIF GIF colores Web Diseño Gráfico de la IU – IMAGENES Bitmap JPG (JPEG) Calidad 60% Tamaño: 34,5 Kb Resolución: 72 ppp PNG Tamaño: 58,4 Kb GIF Tamaño: 60,6 Kb GIF colores Web Tamaño: 29,9 Kb 8 8

Bitmap (Detalle) JPG (JPEG) PNG GIF GIF colores Web Diseño Gráfico de la IU – IMAGENES Bitmap (Detalle) JPG (JPEG) Calidad 60% Tamaño: 34,5 Kb Resolución: 72 ppp PNG Tamaño: 58,4 Kb GIF Tamaño: 60,6 Kb GIF colores Web Tamaño: 29,9 Kb 9 9

Bitmap (Transparentes) Diseño Gráfico de la IU – IMAGENES Bitmap (Transparentes) PNG 24 Tamaño: 117 Kb PNG 8 Tamaño: 20,8 Kb GIF Tamaño: 19,8 Kb GIF Web Tamaño: 7,04 Kb 10 10

Vectoriales Ventajas Desventajas Extensiones de archivos Diseño Gráfico de la IU – IMAGENES Vectoriales Ventajas Ampliar el tamaño sin perder definición Puede requerir menos espacio en disco que un bitmap Algunos formatos permiten animación Desventajas No son aptos para codificar fotografías Extensiones de archivos CorelDraw .CDR Adobe Illustrator .AI Flash .SWF Scalable Vectr Graphic .SVG Portable Document Format .PDF y otros… 11 11