CodeKitHub¿Por qué utilizarlo?
- 100 % local: las imágenes nunca salen de tu dispositivo, lo que garantiza la seguridad de tus fotos privadas y tus diseños aún no publicados.
- Sin límites: sin tamaño máximo de archivo, sin cuota diaria, sin marca de agua, sin cuenta.
- Modo por lotes: arrastra y suelta muchas imágenes a la vez; cada una se descargará por separado.
- Control deslizante de calidad + redimensionamiento a ancho máximo + salida en JPG/WebP: los tres ajustes que realmente importan.
- Muestra el ahorro exacto por imagen para que puedas valorar la relación coste-beneficio.
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.
¿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.
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.