Ejemplo práctico
Redimensiona una imagen de cámara de 4000 píxeles a su ancho de visualización de 1200 antes de comparar la calidad de WebP y JPEG alrededor de texto y bordes.
Compresor de imágenes
Suelta una imagen aquí o haz clic para elegir un archivo
La compresión se ejecuta en tu navegador mediante canvas — la imagen nunca sale de tu dispositivo.
Acerca del compresor de imágenes
Esta herramienta comprime y redimensiona imágenes completamente en tu navegador usando la API canvas. Elige un formato de salida (JPEG, WebP o PNG), ajusta el control de calidad, limita opcionalmente el ancho y descarga el resultado.
Como todo se ejecuta localmente, tus fotos nunca tocan un servidor — no hay subida, ni cola, ni compromisos de privacidad. Funciona sin conexión una vez cargada la página.
Cómo comprimir una imagen
- Suelta una imagen en el área de carga o haz clic para elegir un archivo.
- Elige el formato de salida — WebP suele dar los archivos más pequeños.
- Ajusta la calidad y, si es necesario, define un ancho máximo para reducir la escala.
- Compara los tamaños de antes y después y descarga la imagen comprimida.
Consejos
- Redimensionar suele ahorrar más que reducir la calidad — no publiques imágenes de 4000px en diseños pequeños.
- Calidad 75-85 es el punto óptimo para fotos; los artefactos aparecen rápido por debajo de 60.
- Usa PNG solo para gráficos con bordes nítidos o transparencia — las fotos en PNG son enormes.
- Conserva el archivo original; la compresión con pérdida no se puede deshacer.
Comprobaciones antes de publicar imágenes
Los archivos más pequeños aceleran las páginas, pero la elección de formato, las dimensiones y los artefactos visibles merecen una revisión rápida.
Redimensiona antes de comprimir
No publiques una imagen de 4000px en un hueco de 400px. Recortar dimensiones ahorra más que cualquier control de calidad.
Elige el formato correcto
WebP suele superar a JPEG con la misma calidad; PNG es para gráficos con bordes nítidos o transparencia.
Inspecciona los artefactos al 100%
Los ajustes de calidad agresivos muestran bandas y bloques alrededor del texto y los degradados. Haz zoom antes de publicar.
Conserva el original
La compresión con pérdida es irreversible. Guarda el archivo fuente para poder reexportar con otros ajustes.
Un ejemplo práctico, un caso límite y una nota del autor
Caso límite
Eliminar metadatos puede descartar orientación, perfil de color, copyright o información de flujo de accesibilidad, no solo datos de ubicación.
Nota del autor
Mido el resultado renderizado a las dimensiones de destino; un archivo más pequeño no es una victoria si el texto se vuelve borroso o los colores cambian.
Herramientas relacionadas
Estas herramientas también pueden resultarle útiles.
Imagen a Base64
Convierte imágenes a data URIs Base64 localmente en tu navegador, con fragmentos CSS y HTML.
Codificación y seguridad
›
Generador de códigos QR
Cree códigos QR a partir de texto o URL y descárguelos como SVG o PNG.
Generadores y validadores
›
Comprobador de contraste de color
Comprueba los ratios de contraste WCAG entre colores de texto y fondo con vista previa.
Utilidades varias
›
Generador de patrones de fondo CSS
Cree patrones de fondo CSS con puntos, cuadrículas, rayas, líneas diagonales y tableros de ajedrez.
Utilidades varias
›
Preguntas frecuentes del compresor
¿Se suben mis imágenes a algún sitio?
No. La compresión ocurre en tu navegador con la API canvas. El archivo nunca sale de tu dispositivo.
¿Qué formato de salida debería elegir?
WebP suele dar la mejor relación tamaño-calidad. Usa JPEG para máxima compatibilidad y PNG para transparencia o gráficos con bordes nítidos.
¿Por qué mi PNG creció después de comprimirlo?
Canvas recodifica PNG sin pérdida y puede ganar o perder frente al optimizador original. Para fotos, cambia a WebP o JPEG.
¿Sobrevive la transparencia a la compresión?
En WebP y PNG, sí. JPEG no tiene canal alfa, así que las áreas transparentes se aplanan sobre blanco.