1. Taller Medios Audiovisuales

2. 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!

3. 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.!

4. 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?!

5. Imágenes - Teoría!
• Resolución de imagen!
o Pixel!
§ Elemento básico de la imagen!
§ Cada pixel representado por un color

6. Imágenes - Teoría!
• Pixeles!
• Bits por pixel!

7. 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)!

8. 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.!

9. 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."

10. 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!

11. 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!

12. Imágenes - Teoría!
• JPG vs PNG!

13. 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!

14. Imágenes - Teoría!
• Imágenes vectoriales.!
o Vértices definidos por coordenadas!
o Conjunto de líneas y no puntos individuales!

15. Imágenes - Teoría!
• Imágenes vectoriales vs Mapas de Bits!

16. 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!