CodeKitHub¿Por qué utilizarlo?
- Tu web hecha en WordPress carga lenta en el móvil y PageSpeed Insights te señala las imágenes como el problema: comprime el lote entero de fotos del catálogo antes de subirlas de nuevo y gana puntos de Core Web Vitals sin tocar una línea de código.
- Tienes que enviar 40 fotos de una boda o evento por WhatsApp o correo y el archivo pesa demasiado: comprime todo el lote de golpe en vez de mandarlas una a una y esperar a que cada envío falle.
- Vas a subir fotos de producto a Mercado Libre o Instagram Shopping y el sitio impone un límite de tamaño por imagen: ajusta la calidad aquí antes de que la plataforma las rechace o las recomprima peor por su cuenta.
- Las fotos que estás comprimiendo son de un cliente o de un proyecto todavía sin publicar: todo el proceso ocurre en tu navegador, así que nada se sube a un servidor ajeno solo por reducir el peso.
- Necesitas guardar el álbum completo del móvil porque se está quedando sin espacio: comprime cientos de fotos en lote sin límite diario ni cuenta que crear, directamente desde el navegador.
- Quieres pasar tus PNG de capturas de pantalla o logos de una presentación a WebP para que pesen menos sin perder nitidez en el texto: elige el formato de salida y compara el ahorro exacto por imagen antes de descargar.
Preguntas frecuentes
¿La compresión hará que mis imágenes se vean mal?
Con una calidad del 70-85 %, las diferencias son prácticamente imperceptibles en las fotos que se ven en pantalla. Los artefactos visibles aparecen por debajo del 50 % aproximadamente. Las capturas de pantalla con mucho texto son la excepción: en ellas se aprecian artefactos antes en formato JPG; para ellas, prueba a exportarlas en formato WebP o mantén la calidad por encima del 85 %.
¿Hay algún límite en cuanto al tamaño o al número de archivos?
No. Como la compresión se realiza en tu dispositivo en lugar de en un servidor, no hay ningún límite: puedes comprimir una imagen de 50 MB o 100 imágenes de una sola vez. Las imágenes muy grandes solo tardan un poco más.
¿Se suben mis imágenes a algún sitio?
No. El navegador lee y vuelve a codificar los archivos íntegramente mediante la API de lienzo de HTML5. Puedes cargar esta página, quedarte sin conexión y seguir comprimiendo.
¿Debería elegir el formato JPG o WebP para la exportación?
El formato WebP suele ocupar entre un 25 % y un 35 % menos de espacio con la misma calidad visual y es compatible con todos los navegadores modernos, por lo que es la mejor opción para sitios web. El formato JPG se abre en cualquier lugar, incluso en programas antiguos e impresoras, por lo que es la mejor opción para compartir archivos y enviarlos por correo electrónico. En caso de duda, opta por el JPG.
¿Por qué se ha reducido tanto el tamaño de mi archivo PNG?
El formato PNG no pierde calidad, lo que resulta costoso para las fotos: un archivo PNG de una foto suele ser entre 5 y 10 veces más grande que un JPG visualmente idéntico. La conversión de archivos PNG de fotos a JPG o WebP es la que ofrece un mayor ahorro. Reserva el formato PNG únicamente para los gráficos que requieran transparencia o bordes de máxima nitidez.
¿Por qué el resultado a veces es más grande que el original?
Si la imagen ya estaba muy comprimida, la recodificación no servirá de nada y podría añadir bytes. La herramienta te avisa cuando esto ocurre; en ese caso, simplemente conserva el original.
¿Elimina esta herramienta los datos EXIF (ubicación GPS, modelo de cámara) de mis fotos?
Sí, como efecto colateral de la recodificación: al volver a generar la imagen con la API de lienzo del navegador, los metadatos EXIF originales no se copian al archivo de salida. Esto también borra la orientación EXIF, así que si tu foto aparece girada, gírala manualmente antes de comprimir en lugar de confiar en que el metadato se respete.
¿Cuál es la diferencia entre compresión con pérdida y sin pérdida?
La compresión con pérdida (como el JPG o el WebP en modo estándar) descarta información visual que el ojo apenas nota, logrando archivos mucho más pequeños. La compresión sin pérdida (como el PNG) conserva cada píxel exacto, por lo que el archivo resultante es más grande pero apto para gráficos con bordes definidos o texto donde cualquier borrosidad se nota.
¿Puedo comprimir imágenes en formato HEIC de iPhone con esta herramienta?
No directamente: la mayoría de navegadores de escritorio no pueden decodificar HEIC de forma nativa. Convierte primero la foto a JPG desde el propio iPhone (opción de compatibilidad al compartir) o con otra herramienta, y después súbela aquí para comprimirla.
¿Funciona igual en el móvil que en el ordenador?
Sí, la API de lienzo que usa esta herramienta está disponible en Chrome, Safari y Firefox tanto de escritorio como móviles. En un teléfono de gama baja el procesamiento de lotes grandes será algo más lento, pero el resultado final es idéntico.
¿Qué es esta herramienta?
Un compresor de imágenes reduce el tamaño del archivo recodificando la imagen con ajustes más eficientes (con pérdida). Una foto tomada con la cámara de un móvil suele tener un tamaño de entre 3 y 8 MB; para una página web, un mensaje de chat o un correo electrónico, un tamaño de entre 200 y 500 KB suele verse idéntico en pantalla. Las imágenes más pequeñas se suben y se cargan más rápido, y ahorran espacio de almacenamiento y ancho de banda.
Esta herramienta recodifica las imágenes con el códec propio del navegador con la calidad que elijas y, si lo deseas, reduce las imágenes muy grandes a un ancho máximo razonable: los dos factores que más influyen en el tamaño del archivo. Siempre hay que encontrar un equilibrio entre el nivel de compresión y la calidad visual; los tamaños «antes» y «después» que se muestran en tiempo real te permiten encontrar el punto óptimo para cada imagen.
Comparación de formatos: JPG, WebP y PNG en cuanto al tamaño
La misma foto, la misma calidad visual, tres tamaños muy diferentes: el PNG es el más pesado (sin pérdida de calidad; suele ocupar entre 5 y 10 veces más que el JPG en el caso de las fotos), el JPG es el término medio universal y el WebP suele ocupar entre un 25 % y un 35 % menos que el JPG. Así pues, la jerarquía de compresión para una foto es la siguiente: primero, no utilizar el formato PNG; después, elegir JPG por motivos de compatibilidad o WebP para obtener el tamaño más reducido.
Los elementos gráficos cambian las reglas del juego: en el caso de las capturas de pantalla, los logotipos y las imágenes de interfaz de usuario con colores planos, un archivo PNG con paleta cuantificada suele superar al JPG tanto en tamaño como en nitidez, ya que la compresión fotográfica del JPG difumina los bordes nítidos. Para este caso concreto, hay una herramienta específica más abajo.
| Tipo de contenido | El mejor formato | ¿Por qué? |
|---|---|---|
| Fotos para la web, el correo electrónico y el chat | WebP (o JPG por motivos de compatibilidad) | La compresión con pérdida se adapta bien a los detalles fotográficos; el formato WebP ocupa entre un 25 % y un 35 % menos que el JPG con la misma calidad. |
| Capturas de pantalla, logotipos, interfaz de usuario con colores planos | PNG | Sin pérdida: la compresión fotográfica del formato JPG difumina el texto nítido y los bordes definidos. |
| Imágenes que requieren transparencia | PNG o WebP | El formato JPG no tiene canal alfa; tanto el PNG como el WebP admiten fondos transparentes. |
| Máxima compatibilidad (software antiguo, impresoras) | JPG | Compatibilidad generalizada desde la década de los noventa; la compatibilidad con WebP es más reciente, aunque ahora es casi universal en los navegadores. |
Notas sobre la representación
- Cambia el tamaño antes de comprimir al máximo: al reducir las dimensiones de 4000 píxeles a 1920 píxeles se elimina aproximadamente el 77 % de los píxeles; ningún control deslizante de calidad puede competir con eso.
- El procesamiento por lotes se ejecuta de forma secuencial en la CPU; procesar cien fotos del móvil lleva un par de minutos en un portátil. No hay nada en cola en el servidor, por lo que suele ser más rápido que los sitios web basados en la subida de archivos, y además funciona sin conexión.
- El número con el signo «−%» es tu indicador de referencia: si muestra un valor de un solo dígito, significa que la imagen ya estaba optimizada y que una mayor reducción de la calidad perjudicará el aspecto antes de que contribuya a reducir el tamaño.
- Para la publicación web, intenta que las imágenes de contenido no superen los 200 KB y que las imágenes de cabecera a ancho completo no superen los 500 KB; estos límites garantizan unos buenos resultados en los Core Web Vitals con conexiones móviles.
Según nuestras propias pruebas
Antes de lanzar esta herramienta, la probamos con imágenes de prueba generadas y comprobamos el resultado píxel a píxel, no solo a simple vista. Un archivo PNG multicolor de 3000 × 2000 pasó de 140 KB a 94 KB (−33 %) con una calidad del 75 % y un límite de 1920 píxeles; y, dado que la imagen de prueba era sintética, pudimos comprobar que ningún píxel se desviaba más allá de la tolerancia esperada del códec JPG. También confirmamos que la advertencia de «archivo ya optimizado» se activa correctamente, en lugar de generar en silencio un archivo más grande: si le pasas un JPG muy comprimido, te indica que conserves el original en lugar de fingir que ha servido de algo.
Metadatos EXIF: qué se pierde al comprimir
Cuando una foto se recodifica con la API de lienzo del navegador, el archivo resultante es una imagen nueva compuesta solo por píxeles: los metadatos EXIF originales (ubicación GPS, modelo de cámara, fecha y hora exacta, orientación) no pasan al archivo comprimido.
Para la mayoría de usos web esto es una ventaja: menos peso y ningún dato de ubicación oculto en las fotos que subes a redes sociales o a una tienda online. Pero si necesitas conservar esos metadatos por motivos legales, de catalogación o de un archivo fotográfico profesional, comprime siempre una copia y guarda el original con su EXIF intacto aparte.
Cómo utilizarlo
- Arrastra las imágenes al recuadro (o haz clic para seleccionarlas); se admiten los formatos JPG, PNG y WebP.
- Ajusta la calidad: el 75 % es un buen punto medio; rebájala al 60 % para conseguir el máximo ahorro.
- Elige un ancho máximo: 1920 píxeles es más que suficiente para ver la página web a pantalla completa.
- Elige entre el formato JPG (universal) o WebP (más ligero, compatible con todos los navegadores modernos) para la salida.
- Haz clic en «Descargar» junto a cada resultado. Se muestran el tamaño y el porcentaje guardado de cada archivo.
Ejemplo
- Entrada
phone-photo.jpg — 4.20 MB, 4032×3024- Resultado
phone-photo-compressed.jpg — 0.48 MB (−89%), 1920×1440
Cambiar el tamaño a 1920 píxeles y volver a codificarlo con una calidad del 75 %: visualmente idéntico en cualquier pantalla, pero 9 veces más pequeño.