optimización de imágenes (mejor calidad y menor tamaño)
DESCRIPTION
Presentación de la conferencia "Optimización de imágenes" impartida en la Tenerife LAN Party 2013 y Curso Bloggers. Más información aquí: http://www.emezeta.com/articulos/la-guia-definitiva-para-optimizar-imagenes http://www.emezeta.com/articulos/productividad-editar-imagenes-con-irfanview http://www.emezeta.com/articulos/12-aplicaciones-para-optimizar-imagenes http://www.emezeta.com/articulos/formatos-de-imagen-guia-de-optimizacion http://www.emezeta.com/articulos/16-programas-para-pixel-art http://www.emezeta.com/articulos/32-editores-graficos-gratuitosTRANSCRIPT
![Page 2: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/2.jpg)
![Page 3: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/3.jpg)
Uso de imágenes ¿Por qué es importante?
![Page 4: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/4.jpg)
![Page 5: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/5.jpg)
Desarrolladores de aplicaciones
Tamaño final de la aplicación
![Page 6: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/6.jpg)
Ejemplo práctico
Juego Android “Save the World”
![Page 7: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/7.jpg)
Imágenes antes de optimizar
289KB 305KB
![Page 8: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/8.jpg)
Imágenes después de optimizar
80KB 91KB
![Page 9: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/9.jpg)
Reducción total de 56% de la app
-56%
![Page 10: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/10.jpg)
Diseñadores web
Velocidad de carga de página
![Page 11: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/11.jpg)
83%
31%
82%
85%
85%
33%
14%
62%
34%
82%
PETICIONES TAMAÑO
![Page 12: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/12.jpg)
Hay que encontrar un equilibrio
![Page 13: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/13.jpg)
Formatos de imagen¿Cuál es el más adecuado?
![Page 14: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/14.jpg)
Formatos principales
Hay cientos de formatos
JPG GIF PNGCON
PÉRDIDASSIN
PÉRDIDASSIN
PÉRDIDAS
![Page 15: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/15.jpg)
- Texturas- Detalles
JPG
![Page 16: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/16.jpg)
JPG
Calidad de imagen: 91%
![Page 17: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/17.jpg)
JPG
Calidad de imagen: 10%
![Page 18: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/18.jpg)
JPG
Elección subjetiva
![Page 19: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/19.jpg)
JPG
JPEG “Baseline”
![Page 20: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/20.jpg)
JPG
JPEG Progresivo
OPTIMIZADO
![Page 21: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/21.jpg)
JPG
Metadatos
![Page 22: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/22.jpg)
Miniaturas EXIF
«Nunca dejes que la realidad te arruine una buena foto»
![Page 23: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/23.jpg)
Miniaturas EXIF
![Page 24: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/24.jpg)
JPG
http://www.irfanview.com/
![Page 25: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/25.jpg)
JPG
Eliminar EXIF
![Page 26: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/26.jpg)
JPG
Eliminar EXIF (jhead)
![Page 27: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/27.jpg)
JPG
Optimizar JPEG (jpegtran)
![Page 28: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/28.jpg)
http://www.getpaint.net/
![Page 29: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/29.jpg)
http://www.gimp.org/
![Page 30: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/30.jpg)
El futuro(lo que viene)
![Page 31: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/31.jpg)
JPGAlternativas
WEBP
25-34%MÁS PEQUEÑO
JPG2000
20%MÁS PEQUEÑO
https://developers.google.com/speed/webp/http://www.jpeg.org/jpeg2000/http://research.microsoft.com/en-us/um/redmond/groups/ivm/JPEGXR/
25-34%MÁS PEQUEÑO
JPG XR
25-50%MÁS PEQUEÑO
+ CANAL ALFA
![Page 32: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/32.jpg)
JPG
![Page 33: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/33.jpg)
Procesos por “lotes”(automatizar)
![Page 34: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/34.jpg)
http://caesium.sourceforge.net/
![Page 35: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/35.jpg)
http://www.xnview.com/en/xnconvert/
![Page 36: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/36.jpg)
http://www.irfanview.com/
![Page 37: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/37.jpg)
Optimización JPEG por “lotes”
9,08GB
5,06GBOPTIMIZADAS
![Page 38: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/38.jpg)
- Imágenes pequeñas- Animaciones
- Máx. 256 colores
GIF
![Page 39: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/39.jpg)
- Píxels de color “transparente”
GIFEstoy aquí
![Page 40: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/40.jpg)
Optimizar GIF (gifsicle)
GIF
![Page 41: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/41.jpg)
GIFAlternativas
APNGMÁS EFICIENTECOMPATIBLE PNG
MNGMENOS
EXTENDIDO
http://www.libpng.org/pub/mng/https://wiki.mozilla.org/APNG_Specification
(MUY DESCONOCIDAS)
![Page 42: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/42.jpg)
- Imágenes con colores “lisos”- Bocetos, diseños, screenshots
PNG
![Page 43: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/43.jpg)
Grado de compresión
PNG
0 1 2 3 4 5 6 7 8 9202KB
66KB
64KB
63KB
62KB
61KB
61KB
61KB
60KB
60KB
Sin compresión Por defecto
![Page 44: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/44.jpg)
Tipos de PNG
PNG24PNG8True color256 colores
PNG32True colorCanal alfa
+
![Page 45: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/45.jpg)
“Mapa” indexado de colores
PNG8
![Page 46: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/46.jpg)
PNG Indexado a 256 colores
256256
PNG8
60KB
![Page 47: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/47.jpg)
PNG Indexado a 128 colores
128128
PNG8
50KB
![Page 48: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/48.jpg)
PNG Indexado a 64 colores
6464
PNG8
41KB
![Page 49: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/49.jpg)
PNG Indexado a 32 colores
3232
PNG8
32KB
![Page 50: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/50.jpg)
PNG Indexado a 16 colores
1616
PNG8
25KB
![Page 51: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/51.jpg)
PNG Indexado a 8 colores
88
PNG8
20KB
![Page 52: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/52.jpg)
Optimizar PNG (AdvPNG)
PNG8
![Page 53: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/53.jpg)
Optimizar PNG (OptiPNG)
PNG8
![Page 54: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/54.jpg)
Optimizar PNG (PNGOut)
PNG8
![Page 55: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/55.jpg)
http://bit.ly/rHSWQG
![Page 56: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/56.jpg)
https://code.google.com/p/grafx2/
![Page 57: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/57.jpg)
http://pnggauntlet.com/
PNGOut DeflOptOptiPNG
![Page 58: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/58.jpg)
http://trimage.org/
PNGCrush AdvPNGOptiPNG
jpegoptim
![Page 59: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/59.jpg)
- Color verdadero- Ocupa (MÁS) que un JPEG
- No tiene artefactos
PNG24
![Page 60: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/60.jpg)
Canal alfa (transparencial real)
PNG32
![Page 61: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/61.jpg)
PNG32
PNG32
Canal alfa (transparencial real)
PNG32
![Page 62: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/62.jpg)
Formatos con transparencias
66,2KB 56,1KB 189KB 43,5KB
PNG32PNG8 WEBPGIF
![Page 63: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/63.jpg)
Porque los JPG no tienen transparencia... ¿o sí?
http://jim.studt.net/jpeg-alpha/http://blog.jackadam.net/2010/alpha-jpegs/https://www.webkit.org/blog/181/css-masks/
<CANVAS>
![Page 64: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/64.jpg)
PNG Entrelazado
OPTIMIZADO
![Page 65: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/65.jpg)
Algoritmo Adam7
http://en.wikipedia.org/wiki/Adam7_algorithm
![Page 66: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/66.jpg)
“Truco” para diseñadores web
http://i-am-fat.org/PNGRotateTrick/
144KB 124KB
PNG24 PNG24
![Page 67: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/67.jpg)
“Truco” para diseñadores web
http://i-am-fat.org/PNGRotateTrick/
CSStransform:rotate(270deg)
![Page 68: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/68.jpg)
Perdida de calidad al ampliar
SVGPNG
![Page 69: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/69.jpg)
Ampliable sin perder calidad
SVG
![Page 70: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/70.jpg)
SVG: Archivos XML editables
SVG
![Page 71: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/71.jpg)
http://inkscape.org/
![Page 72: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/72.jpg)
RAW
Fotografía con datos “puros”
![Page 73: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/73.jpg)
RAW
Ocupan mucho (alta edición)
![Page 74: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/74.jpg)
PXNX3FPEF
RAW
Cada fabricante tiene el suyo
CRWNEF
DRFRAFORF
![Page 75: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/75.jpg)
ProbablementeEl mejor optimizador
![Page 76: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/76.jpg)
http://luci.criosweb.ro/riot/
Personalizable
![Page 77: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/77.jpg)
¿Por qué?
![Page 78: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/78.jpg)
JPG
Optimizar JPEG
![Page 79: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/79.jpg)
JPG
Optimizar GIF/PNG
![Page 80: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/80.jpg)
Reducción de colores (PNG24, 8)
PNG24PNG8 PNG32
![Page 81: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/81.jpg)
Optimización del color
Reducir efecto en gradientes
![Page 82: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/82.jpg)
Optimizadores externos
OptiPNG PNGOutAdvPNG
DeflOpt PNGquantPNGCrush
PNGrewrite Zopfli PNGnq
![Page 83: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/83.jpg)
¿Es TAN importante la optimización de imágenes?
![Page 84: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/84.jpg)
PNG24
49,8KB
RIOT
17,4KB
PNG8
![Page 85: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/85.jpg)
17,4KB
PNG8
AdvPNG
PNG8
16,6KB
![Page 86: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/86.jpg)
PNG8
16,6KB x 20.000 páginas vistas/día
332MB x 30 días
9,96GB al mes 29,88GB al mes
![Page 87: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/87.jpg)
119,5GB al año 358,56GB al año
720K peticiones = 2,88$357GB transf. = 40,32$
43,2$
720K peticiones = 2,88$118GB transf. = 11,52$
14,40$
![Page 88: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/88.jpg)
(Y esto sólo con el logotipo)
Imagina ahora el ahorro con el resto de imágenes
![Page 89: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/89.jpg)
¡Quiero más sobre el tema!
![Page 90: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/90.jpg)
http://www.emezeta.com/articulos/16-programas-para-pixel-arthttp://www.emezeta.com/articulos/32-editores-graficos-gratuitos
![Page 91: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/91.jpg)
http://www.emezeta.com/articulos/la-guia-definitiva-para-optimizar-imagenes
![Page 92: Optimización de imágenes (mejor calidad y menor tamaño)](https://reader033.vdocuments.pub/reader033/viewer/2022042607/557ae57bd8b42a63778b53f1/html5/thumbnails/92.jpg)