Cómo comprimir imágenes sin perder calidad — paso a paso
- Sube tu imagen — arrastra el archivo al área de carga, haz clic en "Seleccionar imagen" o pega directamente con Ctrl+V desde el portapapeles.
- Elige el formato de salida — JPG para fotografías, PNG si necesitas transparencia, WebP para el menor peso posible en web. Si no sabes cuál elegir, empieza con WebP.
- Ajusta la calidad — el preset "Equilibrado (80%)" funciona bien para la mayoría de casos. Si el resultado visual no te convence, sube a 90%. Para máximo ahorro de peso, baja a 60-70%.
- Compara el resultado — el panel antes/después y la barra de ahorro te muestran exactamente cuánto has reducido el peso sin necesidad de descargar.
- Descarga — pulsa el botón verde. El archivo se guarda en tu dispositivo con el nombre
imagen-comprimida-creadorkit.[ext].
Tamaños de imagen recomendados para web y redes sociales
Esta tabla muestra los pesos objetivo que deberías alcanzar tras comprimir según el uso final de la imagen:
Para sitios web y SEO
| Uso | Peso objetivo | Formato | Calidad recomendada |
|---|---|---|---|
| Hero / imagen principal | < 200 KB | WebP o JPG | 80% |
| Imagen de contenido (blog) | < 150 KB | WebP o JPG | 80% |
| Thumbnail / miniatura | < 80 KB | WebP o JPG | 75% |
| Logo / icono | < 30 KB | PNG o WebP lossless | — |
| Imagen de fondo | < 300 KB | WebP o JPG | 70-75% |
Para redes sociales
| Plataforma | Peso máximo recomendado | Nota |
|---|---|---|
| Instagram / Facebook | < 1 MB | Comprimen automáticamente — pero partir de menos peso da mejor resultado |
| < 5 MB | Soporta hasta 8 MB pero 1-2 MB es suficiente | |
| Twitter / X | < 5 MB | JPG o PNG — recomprimen si supera el límite |
| < 20 MB | Usa JPG o PNG — más peso = más tiempo de carga |
Para consultar las dimensiones exactas en píxeles de cada formato de red social, usa la Calculadora de Tamaño de Imagen para Redes Sociales — incluye más de 35 formatos con sus dimensiones verificadas en fuentes oficiales.
📚 Fuente: Google Developers — Optimize Images · web.dev — Efficiently encode imagesJPG, PNG o WebP — Cuándo usar cada formato al comprimir
JPG — Para fotografías y contenido con gradientes
JPG es el formato más universal y el más eficiente para fotografías. Su algoritmo elimina información que el ojo humano difícilmente percibe en imágenes con muchos colores y gradientes. Una calidad de 80% ofrece el mejor equilibrio — prácticamente invisible a simple vista pero con archivos 3-5 veces más pequeños que el original sin comprimir. No uses JPG para imágenes con texto, líneas nítidas o fondos transparentes.
PNG — Para gráficos, logos y transparencias
PNG usa compresión sin pérdida — la imagen descomprimida es idéntica bit a bit al original. Ideal para logos, capturas de pantalla con texto, gráficos con bordes nítidos y cualquier imagen que requiera fondo transparente. Si necesitas diseñar con colores armoniosos para tus gráficos, el Generador de Paleta de Colores te ayuda a definir combinaciones antes de exportar. El inconveniente es que PNG produce archivos más grandes que JPG para el mismo contenido fotográfico.
WebP — El mejor formato para web moderna
WebP es el formato más moderno y eficiente para web. Produce archivos entre un 25% y un 35% más pequeños que JPG con calidad visual equivalente, y soporta transparencia como PNG. Es soportado por todos los navegadores modernos. Para nuevos proyectos web, WebP debería ser el formato por defecto para todas las imágenes. Verifica la compatibilidad en Can I Use — WebP.
Preguntas frecuentes sobre comprimir imágenes
La clave es elegir el nivel de compresión correcto según el tipo de imagen. Para fotografías JPG, una calidad entre 75% y 85% ofrece el mejor equilibrio: el ojo humano no distingue la diferencia respecto al original, pero el archivo puede ser entre 3 y 6 veces más pequeño. Para gráficos con texto o bordes nítidos, usa una calidad más alta (85-90%) para evitar artefactos de compresión en los bordes. Para imágenes con fondos planos y colores sólidos, el formato WebP es más eficiente que JPG — produce archivos entre un 25% y un 35% más pequeños con la misma calidad visual. Esta herramienta usa Canvas API del W3C para comprimir directamente en tu navegador. Verifica los estándares en developer.mozilla.org.
Depende de la herramienta. La mayoría de compresores online envían tus imágenes a sus servidores para procesarlas — lo que implica que tus fotos pasan por sistemas de terceros antes de volver a ti. Esta herramienta es diferente: usa Canvas API para comprimir íntegramente en tu navegador. Ningún archivo se transmite a ningún servidor. Puedes verificarlo abriendo las DevTools de tu navegador (F12), yendo a la pestaña Network y comprobando que no hay ninguna petición de subida de archivo mientras comprimes. Tus imágenes nunca salen de tu dispositivo. La tecnología Canvas API está especificada y mantenida por el W3C en w3.org/TR/2dcontext.
La reducción depende del formato original, el contenido de la imagen y el nivel de compresión elegido. En casos típicos: una foto JPG de 3 MB puede llegar a 300-600 KB con calidad 80% sin pérdida visual apreciable. Un PNG con transparencia puede reducirse entre un 20-40% al exportar como WebP. Una imagen con muchos colores similares (cielos, fondos planos) se comprime más que una imagen con muchos detalles y texturas. En esta herramienta el comparador antes/después te muestra exactamente el peso del original y el resultado antes de descargar. El ahorro de tamaño tiene impacto directo en el tiempo de carga de tu web y en tu puntuación de Google PageSpeed. Verifica en developers.google.com/speed.
La compresión con pérdida (lossy) como JPG elimina información de la imagen que el ojo humano difícilmente percibe — principalmente detalles en zonas de color uniforme y texturas finas. Cada vez que guardas en JPG con compresión, se pierde algo de información de forma irreversible. La compresión sin pérdida (lossless) como PNG comprime el archivo sin eliminar ningún dato — la imagen descomprimida es idéntica bit a bit al original. WebP soporta ambos tipos: WebP lossy para fotografías (más ligero que JPG) y WebP lossless para gráficos (más ligero que PNG). Para uso web en fotografías, lossy a 80-85% es la elección óptima. Para logos e iconos, lossless PNG o WebP lossless. Verifica en developers.google.com/speed/webp.
Depende del contenido. JPG es ideal para fotografías con muchos gradientes y colores — usa compresión lossy muy eficiente para este tipo de contenido. PNG es mejor para gráficos con bordes nítidos, texto, logos y transparencias — su compresión lossless garantiza que los bordes se vean perfectos. WebP es el formato más moderno y eficiente: produce archivos entre un 25-35% más ligeros que JPG y un 20-30% más ligeros que PNG con calidad equivalente, y además soporta transparencia. Para webs modernas, WebP es la opción más recomendable. Es compatible con todos los navegadores actuales. Verifica la compatibilidad actualizada de WebP en caniuse.com/webp.
Google mide el rendimiento de las páginas con Core Web Vitals, y el LCP (Largest Contentful Paint) es uno de los factores más importantes — mide cuánto tarda en cargarse el elemento visual más grande de la página, que suele ser una imagen. Imágenes sin comprimir de 2-5 MB pueden aumentar el LCP en varios segundos, especialmente en conexiones móviles lentas. Un LCP superior a 4 segundos recibe puntuación roja en PageSpeed Insights, lo que puede afectar negativamente al ranking en Google. La recomendación de Google es que ninguna imagen visible en el first viewport supere los 200 KB. Verifica tu puntuación actual en pagespeed.web.dev y en web.dev/lcp.
La herramienta procesa una imagen a la vez para garantizar la máxima compatibilidad con todos los dispositivos y navegadores, incluyendo móviles con poca memoria RAM. El procesado en el navegador con Canvas API está limitado por la memoria disponible del dispositivo — imágenes muy grandes (más de 20-30 MP) pueden tardar más o requerir más recursos en dispositivos con poca RAM. Si necesitas comprimir imágenes en lote de forma profesional, puedes usar herramientas de escritorio como ImageMagick o Squoosh CLI. Para proyectos web, también puedes automatizar la compresión con plugins de WordPress como Smush o ShortPixel. Verifica documentación de procesado de imágenes en web.dev/fast.
La compresión de imágenes impacta directamente en el SEO a través de tres vías principales: velocidad de carga (el Core Web Vital LCP), experiencia de usuario en móvil (donde el 70% del tráfico web llega actualmente) y puntuación de Google PageSpeed, que es un factor de ranking. Google Lighthouse penaliza las páginas que sirven imágenes sin optimizar en su categoría de "Oportunidades", con alertas específicas de "Serve images in next-gen formats" y "Efficiently encode images". Además, imágenes más ligeras reducen el consumo de datos de tus usuarios en móvil, lo que mejora las métricas de engagement. Verifica las recomendaciones actuales de Google en developers.google.com/search/docs/appearance/page-experience.