1 bitmap (rasterizada, matricial) es una estructura o archivo de datos que representa una rejilla...
TRANSCRIPT
1
• 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.
• VectorialesEs 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.
Tipos de imágenes (Según su forma de ALMACENAMIENTO)
Diseño Gráfico de la IU – IMAGENES
2
Extensiones de archivos (los más conocidos)
Bitmap
Diseño Gráfico de la IU – IMAGENES
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
BMP• Formato propio del Paint• Imagen sin comprimir• Buena para fotos• Archivo pesado
TIF (TIFF)• Imagen sin comprimir• Ideal para imprimir en imprenta
por la calidad• Archivo muy pesado
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
3
JPG (JPEG)• Calidad 100%• 544 x 600 px• Resolución: 72 ppp• Tamaño 322 Kb
Diseño Gráfico de la IU – IMAGENES
Bitmap (Ejemplo)
4
JPG (JPEG)1. Calidad 100% - 114 Kb2. Calidad 60% - 34,5 Kb3. Calidad 30% - 16,4 Kb4. Calidad 0% - 7,12 Kb
Bitmap
Diseño Gráfico de la IU – IMAGENES
5
JPG (JPEG)1. Calidad 100% - 114 Kb2. Calidad 60% - 34,5 Kb3. Calidad 30% - 16,4 Kb4. Calidad 0% - 7,12 Kb
Bitmap (Detalle)
Diseño Gráfico de la IU – IMAGENES
6
Bitmap
Diseño Gráfico de la IU – IMAGENES
JPG (JPEG)Calidad 100%Tamaño: 34,5 KbResolución: 72 ppp
BMPTamaño: 207 KbResolución: 72 ppp
TIFTamaño: 3,53 MbResolución: 300 ppp
7
Diseño Gráfico de la IU – IMAGENES
JPG (JPEG)Calidad 100%Tamaño: 34,5 KbResolución: 72 ppp
BMPTamaño: 207 KbResolución: 72 ppp
TIFTamaño: 3,53 MbResolución: 300 ppp
Bitmap (Detalle)
8
JPG (JPEG)Calidad 60%Tamaño: 34,5 KbResolución: 72 ppp
PNGTamaño: 58,4 Kb
GIFTamaño: 60,6 Kb
GIF colores WebTamaño: 29,9 Kb
Bitmap
Diseño Gráfico de la IU – IMAGENES
9
JPG (JPEG)Calidad 60%Tamaño: 34,5 KbResolución: 72 ppp
PNGTamaño: 58,4 Kb
GIFTamaño: 60,6 Kb
GIF colores WebTamaño: 29,9 Kb
Diseño Gráfico de la IU – IMAGENES
Bitmap (Detalle)
10
PNG 24Tamaño: 117 Kb
PNG 8Tamaño: 20,8 Kb
GIFTamaño: 19,8 Kb
GIF WebTamaño: 7,04 Kb
Diseño Gráfico de la IU – IMAGENES
Bitmap (Transparentes)
11
• 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
Vectoriales
Diseño Gráfico de la IU – IMAGENES
Extensiones de archivos• CorelDraw .CDR• Adobe Illustrator .AI• Flash .SWF• Scalable Vectr Graphic .SVG• Portable Document Format .PDF• y otros…