Cómo usar: Compresor de imágenes
- Arrastra una o varias imágenes al recuadro (o haz clic para seleccionarlas, o pega una captura de pantalla). No se sube nada: la compresión se realiza en tu navegador.
- Elige un formato de salida: mantén el original o conviértelo a WebP para conseguir la mejor relación entre tamaño y calidad.
- Ajusta la calidad (entre 75 y 80 suele bastar para la mayoría de las fotos) y, si quieres, establece un ancho máximo; por ejemplo, 1920 píxeles para las imágenes de cabecera a ancho completo.
- Comprueba el ahorro por archivo y arrastra el separador «antes/después» para asegurarte de que no haya ninguna pérdida visible.
- Descarga los archivos uno por uno o haz clic en «Descargar todo (ZIP)». Te informo de que...
¿Qué es un compresor de imágenes?
Un compresor de imágenes vuelve a codificar una imagen para que el archivo ocupe menos bytes sin que cambie (casi) nada en su aspecto. Las imágenes suelen ser la parte que más pesa en una página web, así que comprimirlas es una de las formas más rápidas de mejorar el tiempo de carga y los Core Web Vitals, como el Largest Contentful Paint (LCP). Esta herramienta descodifica cada imagen, la reduce opcionalmente y la vuelve a codificar con el formato y la calidad que elijas, todo ello directamente en tu navegador mediante la API de Canvas, por lo que tus fotos privadas nunca pasan por un servidor.
Cómo funciona la compresión
- Los formatos JPEG, WebP y AVIF tienen pérdida: el control deslizante de calidad determina cuántos detalles finos descarta el codificador. Bajar de 100 a unos 80 suele eliminar una gran parte de los bytes sin que se note ninguna diferencia a un tamaño de visualización normal.
- El formato PNG no tiene pérdida, así que ajustar la calidad no sirve de nada. En su lugar, la herramienta reduce la imagen a una paleta de como máximo 256 colores (PNG de 8 bits) usando cuantificación de corte mediano con dithering opcional de Floyd–Steinberg —la misma idea que hay detrás de herramientas como pngquant y TinyPNG. Las capturas de pantalla, los logotipos y las ilustraciones suelen reducirse entre un 60 % y un 80 % de esta forma, sin perder la transparencia.
- El cambio de tamaño suele ser la mayor ventaja: una foto de móvil de 4000 píxeles mostrada en una columna de 800 píxeles desperdicia la mayor parte de sus píxeles. Establece un ancho o alto máximo y la imagen se reducirá con un remuestreo de alta calidad.
- Se eliminan los metadatos. La recodificación elimina los datos EXIF, como el modelo de la cámara y la ubicación GPS, lo cual es bueno para la privacidad y te ahorra unos cuantos kilobytes extra. La orientación se aplica primero, así que las fotos en vertical se mantienen en su posición correcta.
¿Qué formato debería elegir?
| Formato | Ideal para | Transparencia | Notas |
|---|---|---|---|
| WebP | Fotos y gráficos en la web | Sí | Compatible con todos los navegadores actuales; según Google, los archivos WebP con pérdida de calidad son entre un 25 % y un 34 % más pequeños que los JPEG equivalentes. |
| AVIF | Fotos en las que cada KB cuenta | Sí | A menudo son más pequeños que los WebP, pero tardan más en codificarse. Solo se muestran si tu navegador puede codificarlos. |
| JPEG | Fotos, correo electrónico, máxima compatibilidad | No | Las zonas transparentes se rellenan con el color que elijas. |
| PNG | Logotipos, capturas de pantalla de la interfaz de usuario, texto nítido | Sí | Usa la reducción de colores para ahorrar mucho; evita el formato PNG para las fotos. |
Consejos para imágenes web
Exporta las imágenes principales con un ancho que no supere aproximadamente el doble de su ancho de visualización (por ejemplo, entre 1600 y 2400 píxeles para un banner a ancho completo), usa el formato WebP con una calidad de entre 75 y 82, y configura siempre width y height en tu código HTML para evitar cambios en el diseño. ¿Necesitas dimensiones exactas o un recorte para redes sociales? Usa el Image Resizer. Para iconos pequeños, incrustarlos con el conversor de imágenes a Base64 puede ahorrarte una solicitud. Si creas tu sitio en Webflow, ten en cuenta que puede generar variantes adaptativas y archivos WebP por ti, pero un archivo original bien comprimido se carga y procesa más rápido.
También se busca como: comprimir imagen, optimizador de imágenes, reducir el tamaño de la imagen, comprimir jpeg, comprimir png, alternativa a tinypng, convertidor de webp, de jpg a webp.
Herramientas que combinan con: Compresor de imágenes
- Generador de BlurHash y LQIP — Haz que las imágenes parezcan instantáneas: muestra una vista previa borrosa mientras se carga la imagen real.
- Generador de imágenes OG — Crea en cuestión de segundos una imagen de vista previa del enlace con un acabado impecable para Facebook, LinkedIn, X, Slack y WhatsApp: elige una plantilla, escribe el título, añade un logotipo y, a continuación, descárgate el archivo PNG y las metaetiquetas correspondientes.
- Page Speed Test — Run Google Lighthouse on any URL for mobile or desktop.
- Image Alt Checker — Audit every image on a page in one table: alt text status, file size, width/height attributes, format and lazy loading — with filters and CSV export.