Formato y manejo de imagenes

10
Uso de imágenes en WEB

Transcript of Formato y manejo de imagenes

Page 1: Formato y manejo de imagenes

Uso de imágenes en WEB

Page 2: Formato y manejo de imagenes
Page 3: Formato y manejo de imagenes

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

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

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

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

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

Irfanview http://www.irfanview.com/

Page 9: Formato y manejo de imagenes

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

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