Formato y manejo de imagenes

3,359 views
3,143 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,359
On SlideShare
0
From Embeds
0
Number of Embeds
336
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Formato y manejo de imagenes

  1. 1. Uso de imágenes en WEB
  2. 3. <ul><li>Entre mas KB (en algunos casos MB) mas tardará en descargar en los clientes y más espacio ocupará en su servidor WEB. </li></ul><ul><li>Entre mas grande (ancho y alto) sea la imagen mas espacio ocupará. </li></ul><ul><li>A mayor resolución (puntos por pulgada), más espacio ocupará. </li></ul>
  3. 4. La imagen de la izquierda es de baja calidad, baja resolución y ocupa 11KB La imagen de la derecha es de buena calidad y resolución y ocupa 219KB
  4. 5. <ul><li>Hay varios formatos de imagen, los más usados para sitios WEB son .JPG, .GIF y .PNG </li></ul><ul><li>Para fotografías se usa .JPG </li></ul><ul><li>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. </li></ul>
  5. 6. 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)
  6. 7. Vemos las diferencias en espacio ocupado .JPG .PNG compresión 9 .PNG compresión 6 .PNG sin compresión
  7. 8. <ul><li>Irfanview http://www.irfanview.com / </li></ul>
  8. 9. <ul><li>Descargar una imagen de gran peso en Internet (formato .JPG), almacenarla en el escritorio y hacerle las siguientes transformaciones con el paquete irfanview </li></ul><ul><ul><li>Rotación </li></ul></ul><ul><ul><li>Cambiar de tamaño </li></ul></ul><ul><ul><li>Cambiar a escala de grises </li></ul></ul><ul><ul><li>Cambiar a negativo </li></ul></ul><ul><ul><li>Aplicar el filtro Sharpen </li></ul></ul><ul><ul><li>Hacer diversas transformaciones (effects) </li></ul></ul><ul><li>En cada transformación, guardar con otro nombre y ver como cambia su tamaño. </li></ul>
  9. 10. <ul><li>Tomar la imagen y guardarla en diversos formatos (.GIF, .PNG, .BMP, .TIF), juzgar espacio ocupado y apariencia. </li></ul><ul><li>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?. </li></ul>

×