formato y manejo de imagenes
TRANSCRIPT
![Page 1: Formato y manejo de imagenes](https://reader036.vdocumento.com/reader036/viewer/2022062419/557b162ed8b42a210a8b51a1/html5/thumbnails/1.jpg)
Uso de imágenes en WEB
![Page 2: Formato y manejo de imagenes](https://reader036.vdocumento.com/reader036/viewer/2022062419/557b162ed8b42a210a8b51a1/html5/thumbnails/2.jpg)
![Page 3: Formato y manejo de imagenes](https://reader036.vdocumento.com/reader036/viewer/2022062419/557b162ed8b42a210a8b51a1/html5/thumbnails/3.jpg)
Entre mas KB (en algunos casos MB) mas tardará en descargar en los clientes y más espacio ocupará en su servidor WEB.
Entre mas grande (ancho y alto) sea la imagen mas espacio ocupará.
A mayor resolución (puntos por pulgada), más espacio ocupará.
![Page 4: Formato y manejo de imagenes](https://reader036.vdocumento.com/reader036/viewer/2022062419/557b162ed8b42a210a8b51a1/html5/thumbnails/4.jpg)
La imagen de la izquierda es de baja calidad, baja resolución y ocupa 11KBLa imagen de la derecha es de buena calidad y resolución y ocupa 219KB
![Page 5: Formato y manejo de imagenes](https://reader036.vdocumento.com/reader036/viewer/2022062419/557b162ed8b42a210a8b51a1/html5/thumbnails/5.jpg)
Hay varios formatos de imagen, los más usados para sitios WEB son .JPG, .GIF y .PNG
Para fotografías se usa .JPG Para imágenes que no superen los 256
colores o muy simples (trazos) se recomienda usar .GIF pero la balanza se inclina por .PNG que ocupa menos.
![Page 6: Formato y manejo de imagenes](https://reader036.vdocumento.com/reader036/viewer/2022062419/557b162ed8b42a210a8b51a1/html5/thumbnails/6.jpg)
Vemos la misma foto en cuatro formatos distintos: JPG, PNG (sin compresión), PNG (nivel 6 de compresión), PNG (nivel 9 de compresión)
![Page 7: Formato y manejo de imagenes](https://reader036.vdocumento.com/reader036/viewer/2022062419/557b162ed8b42a210a8b51a1/html5/thumbnails/7.jpg)
Vemos las diferencias en espacio ocupado
.JPG.PNG compresión 9 .PNG compresión 6 .PNG sin compresión
![Page 8: Formato y manejo de imagenes](https://reader036.vdocumento.com/reader036/viewer/2022062419/557b162ed8b42a210a8b51a1/html5/thumbnails/8.jpg)
Irfanview http://www.irfanview.com/
![Page 9: Formato y manejo de imagenes](https://reader036.vdocumento.com/reader036/viewer/2022062419/557b162ed8b42a210a8b51a1/html5/thumbnails/9.jpg)
Descargar una imagen de gran peso en Internet (formato .JPG), almacenarla en el escritorio y hacerle las siguientes transformaciones con el paquete irfanview◦ Rotación◦ Cambiar de tamaño◦ Cambiar a escala de grises◦ Cambiar a negativo◦ Aplicar el filtro Sharpen◦ Hacer diversas transformaciones (effects)
En cada transformación, guardar con otro nombre y ver como cambia su tamaño.
![Page 10: Formato y manejo de imagenes](https://reader036.vdocumento.com/reader036/viewer/2022062419/557b162ed8b42a210a8b51a1/html5/thumbnails/10.jpg)
Tomar la imagen y guardarla en diversos formatos (.GIF, .PNG, .BMP, .TIF), juzgar espacio ocupado y apariencia.
Abrir el Paint de Windows y hacer un simple dibujo con líneas, almacenarlo en varios formatos. ¿Cuál es el resultado en espacio ocupado y apariencia?.