Taller Medios Audiovisuales
Imágenes!
• Un poco de Teoría!o ¿Qué es un Archivo?!o Archivos de Imagen!§ .jpg, .gif, .png, .bmp, .tiff!
o Resolución de Imagen!o Imágenes Vectoriales!o Pixeles vs Vectores!
Imágenes - Teoría!
• Que es un archivo?!o Conjunto de bits --> (11100010101)!o Cada archivo es información!o Tipos de archivo!§ Video, Audio, Texto, Imagen, etc.!
Imágenes - Teoría!
• Archivos de imagen!o Un archivo de imagen es un archivo.!o 2 a 16.8 millones de colores!o Tipo de Archivos de Imagen!§ No es solo una extensión diferente!§ Cada formato tiene sus características,
particularidades y forma de guardarse!§ Imágenes en la web!§ ¿Todos los tipos soportados?!
Imágenes - Teoría!
• Resolución de imagen!o Pixel!§ Elemento básico de la imagen!§ Cada pixel representado por un color
Imágenes - Teoría!
• Pixeles!
• Bits por pixel!
Imágenes - Teoría!
• Megapíxel (Mpx)!o 1 megapíxel = 1 millón de píxeles !o Cámaras digitales!
§ 2048 × 1536 píxeles = 3,1 megapíxeles (2048 × 1536 = 3.145.728).!
§ 1600 x 1200 píxeles = 1,92 megapíxeles (1600x1200=1.920.000)!
Imágenes - Teoría!
• BMP!o Formato que nació con Paint (MS). !o Ocupan mucho espacio!o Tienen buena calidad!
• JPG!o Originalmente un método de compresión!o El más común en cámaras y la Web!o Compresión con pérdida.!
Imágenes - Teoría!
• Ejemplo de Compresion JPG !
"Un grado de compresión muy alto generará un archivo de menor
tamaño, a costa de una pérdida significativa de calidad. Con una tasa de compresión baja se obtiene una
calidad de imagen muy parecida a la del original, pero con un tamaño de
archivo mayor."
Imágenes - Teoría!
• GIF!o Formato sin pérdida hasta 256 colores!o Luego de los 256 colores pierde calidad!o Gráficos animados!o Soportado por todos los ! navegadores!
Imágenes - Teoría!
• PNG!o Formato de archivo sin pérdida!o Creado para reemplazar algunas deficiencias de
los archivos GIF!o Imágenes "transparentes"!o Ideal para imágenes con ! poca variación de color!
Imágenes - Teoría!
• JPG vs PNG!
Imágenes - Teoría!
• TIFF!o Soporta archivos MUY grandes (4GB)!o Utilizado en cámaras profesionales por guardar
la foto lo más real posible. !o Imágenes de alta calidad!
Imágenes - Teoría!
• Imágenes vectoriales.!o Vértices definidos por coordenadas!o Conjunto de líneas y no puntos individuales!
Imágenes - Teoría!
• Imágenes vectoriales vs Mapas de Bits!
Imágenes - Teoría!
• Imágenes vectoriales.!o Cada elemento se trata de forma independiente!o Ocupan relativamente poco espacio!o Se puede redimensionar sin perder calidad,
se mantiene la relación de las coordenadas!o Ampliamente usadas para diseño!