Cargando aplicación...
Preparando tu experiencia meskeIA
Comprime y redimensiona múltiples imágenes con vista previa y comparación
Arrastra imágenes aquí o haz clic para seleccionar
JPG, PNG, WebP, GIF • Sin límite de cantidadDetecta automáticamente el tipo de imagen y aplica la calidad óptima
Reduce el tamaño de imágenes grandes automáticamente
Compara antes y después con slider interactivo
Todo se procesa en tu navegador, nada se sube a servidores
Descubre cómo optimizar tus fotos y los mejores formatos para cada uso
La compresión de imágenes reduce el tamaño de archivo sin perder calidad visible. Esto es esencial para webs más rápidas, emails que no reboten y almacenamiento optimizado.
Imágenes pesadas ralentizan tu web. Google penaliza sitios lentos en SEO. Una imagen de 5 MB puede reducirse a 500 KB sin pérdida visible.
Muchos servidores rechazan adjuntos grandes. Comprimir fotos evita que tus emails reboten y mejora la velocidad de envío.
Ahorra espacio en tu disco, nube o dispositivo móvil. Una carpeta de 1 GB de fotos puede reducirse a 200 MB.
Subidas más rápidas y menor consumo de datos móviles. Las plataformas recomprimen tus fotos, mejor hazlo tú primero con control.
Ideal para: fotos, imágenes con muchos colores
Ideal para: logos, iconos, gráficos con texto
Ideal para: webs, apps modernas
Analiza cada imagen y detecta si es una fotografía, gráfico o captura de pantalla. Aplica automáticamente la calidad óptima: 82% para fotos, 92% para gráficos, 75% para capturas.
Depende del nivel de compresión. Con calidad al 80% la pérdida es imperceptible para el ojo humano. Por debajo del 60% puede notarse en fotos detalladas.
Si tus imágenes son para web, raramente necesitas más de 1920px de ancho. Una foto de 4000px se puede reducir a 1280px ahorrando mucho espacio sin perder calidad visible.
Sí, 100%. Todo el procesamiento ocurre en tu navegador. Tus imágenes nunca salen de tu dispositivo ni se envían a ningún servidor.
Cada formato tiene sus puntos fuertes. Elegir el correcto puede marcar la diferencia entre una web rápida y una que penaliza tu SEO.
| Formato | Compresión | Soporte navegadores | Tamaño relativo | Transparencia | Animación | Mejor caso de uso |
|---|---|---|---|---|---|---|
| JPEG | Con pérdida | Universal (100%) | Medio | No | No | Fotografías, imágenes con muchos colores |
| PNG | Sin pérdida | Universal (100%) | Grande | Sí | No | Logos, iconos, gráficos con texto o transparencia |
| WebP | Ambas (lossy/lossless) | Muy alto (~97%) | Pequeño | Sí | Sí | Web moderna, sustituto de JPEG y PNG |
| AVIF | Ambas (moderno) | Alto (~90%) | Muy pequeño | Sí | Sí | Web de alto rendimiento, Core Web Vitals |
| SVG | Vectorial | Universal (100%) | Muy pequeño (vectores) | Sí | Sí (CSS) | Logos, iconos, ilustraciones escalables |
| GIF | Sin pérdida (limitado) | Universal (100%) | Grande | Parcial | Sí | Animaciones simples (mejor usar WebP o video) |
La optimización de imágenes importa en contextos muy distintos. Aquí los perfiles más comunes.
Objetivo: Mejorar Core Web Vitals (LCP) para cumplir los estándares de Google PageSpeed.
Convierte a WebP, limita ancho a 1920px y aplica calidad 80-85%. Usa srcset para servir distintos tamaños según el dispositivo. Una imagen LCP bien optimizada puede mejorar el LCP de 4s a menos de 2,5s.
Objetivo: Subir fotos al CMS sin conocimientos técnicos y sin que el blog vaya lento.
Usa el preset Equilibrado (80%) y redimensiona a 1280px. Una foto de cámara de 8 MB pasará a ~300 KB sin diferencia visible. Tu WordPress o Ghost cargará mucho más rápido.
Objetivo: Optimizar todo el catálogo de fotos de producto sin procesar una a una.
Arrastra todas las imágenes de golpe, selecciona WebP + redimensionar a 1024px + calidad 82%. Un catálogo de 1.000 fotos de 3 MB cada una (3 GB total) puede reducirse a ~150 MB.
Objetivo: Preparar assets para entregar al cliente en el formato correcto y peso adecuado.
Para pantalla usa WebP o PNG optimizado. Para impresión no comprimas: exporta desde tu herramienta de diseño a TIFF o PDF sin pérdida. Esta herramienta es solo para entrega digital.
Para fotografías, entre el 70-85% de calidad JPEG o WebP es imperceptible para el ojo humano en pantalla. Por debajo del 60% empiezan a verse artefactos. Una foto de 4 MB puede llegar a 200-400 KB con calidad 80% sin diferencia visible.
Regla práctica: usa el comparador antes/después con el slider para verificar que la calidad es aceptable antes de descargar.
Fotos: JPEG o WebP con compresión con pérdida (lossy). Son imágenes con millones de colores y gradientes donde la pérdida es imperceptible.
Ilustraciones, logos, iconos: PNG o WebP lossless si necesitas transparencia. SVG si el original es vectorial: infinitamente escalable y pesa muy poco.
Casi siempre para web: WebP produce archivos un 25-35% más pequeños que JPEG a la misma calidad visual. El único caso donde JPEG sigue siendo preferible es cuando necesitas compatibilidad con software antiguo (Photoshop pre-2020, clientes de email, impresión).
Con pérdida (lossy): Elimina información que el ojo no suele distinguir. Produce archivos mucho más pequeños pero la imagen no puede recuperarse a su estado original. Usada en JPEG y WebP lossy.
Sin pérdida (lossless): Comprime sin eliminar ningún dato. Puedes descomprimir y obtener exactamente la imagen original. Usada en PNG y WebP lossless.
Google usa el LCP (Largest Contentful Paint) como factor de ranking. Si tu imagen principal tarda más de 2,5 segundos en cargarse, penaliza tu posición. Una imagen de 5 MB puede tardar 5-10 segundos en 4G; la misma a 200 KB carga en menos de 0,5 segundos.
Además, el atributo alt bien redactado ayuda a la indexación de imágenes en Google Images.
Web: 72-96 PPI es suficiente. Dimensiones máximas 1920px de ancho para imágenes full-width; 1200px para contenido en columna.
Impresión: Mínimo 300 PPI. Una imagen de 10×15 cm necesita al menos 1.181×1.772 píxeles a 300 PPI. No uses esta herramienta para imágenes de impresión.
Clientes como Outlook (versiones antiguas), Apple Mail en macOS Monterey o anteriores, y algunos clientes corporativos no soportan WebP. Para emails, sigue usando JPEG o PNG. La cobertura de WebP en navegadores web es ~97%, pero en email es muy inferior.
El lazy loading (carga diferida) retrasa la descarga de imágenes hasta que el usuario está a punto de verlas en pantalla. Se activa con el atributo HTML loading="lazy" en la etiqueta <img>. Reduce el tiempo de carga inicial y el consumo de datos, especialmente en páginas largas con muchas imágenes below-the-fold.
Sigue estos 7 pasos para garantizar que tus imágenes estén perfectamente optimizadas antes de publicarlas.
Fotos y fotografías → WebP (o JPEG como fallback). Logos, iconos y gráficos con transparencia → PNG o WebP lossless. Ilustraciones vectoriales → SVG siempre. GIF animados → sustitúyelos por WebP animado o video MP4.
No subas una foto de 5.000px si el contenedor máximo es 1.200px. Redimensiona primero: usa 1920px para imágenes hero full-width, 1280px para contenido en columna y 800px para imágenes en grid. Esta herramienta incluye esta opción directamente.
Para fotos: 75-85% en JPEG/WebP. Para gráficos con texto: 90-95%. Usa el comparador antes/después para verificar que la calidad es aceptable. El objetivo es el archivo más pequeño sin degradación visible.
Añade loading="lazy" a todas las imágenes que estén below-the-fold (fuera del viewport inicial). Las imágenes above-the-fold (hero, LCP) deben cargarse de inmediato: usa loading="eager" o simplemente no pongas el atributo.
El atributo altes obligatorio por accesibilidad (WCAG 2.1) y ayuda al SEO. Describe el contenido real de la imagen, no uses "imagen" o el nombre del archivo. Para imágenes decorativas usa alt="" para que los lectores de pantalla las ignoren.
Con el atributo srcset puedes servir distintos tamaños según la pantalla: 300px para móvil, 800px para tablet, 1200px para escritorio. El navegador descarga solo el tamaño necesario, ahorrando ancho de banda al usuario.
Una CDN (Content Delivery Network) sirve las imágenes desde el servidor más cercano al usuario. Servicios como Cloudflare, Cloudinary o el propio Vercel Image Optimization pueden reducir la latencia a la mitad y aplicar optimización automática adicional.
Usa el elemento <picture> para servir WebP a navegadores modernos y JPEG/PNG como fallback para compatibilidad. Así obtienes lo mejor de ambos mundos sin sacrificar la experiencia en ningún navegador.
Para fotografías en web, la calidad 70-85% en JPEG/WebP es el punto óptimo. Por encima de 90% el archivo crece enormemente sin mejora apreciable. Por debajo del 65% empiezan a verse artefactos de compresión en bordes y detalles finos.
Para imágenes full-width en escritorio, 1920px es suficiente incluso en pantallas 4K (que hacen zoom de píxeles). Para imágenes en columna de contenido, 1200px es más que suficiente. No hay razón para subir imágenes de 4000px o más.
Proporciona múltiples versiones de la imagen (300w, 800w, 1200w) con el atributo srcset. El navegador selecciona automáticamente la más adecuada según el ancho del viewport y la densidad de píxeles del dispositivo.
Establece como norma comprimir siempre antes de subir. Una imagen sin comprimir de cámara puede pesar 8-15 MB; la misma optimizada para web debería pesar 100-400 KB. Integra esta herramienta en tu flujo de publicación.
Después de optimizar, usa Google PageSpeed Insights o Lighthouse para verificar que tus imágenes no son el cuello de botella. La sección "Serve images in next-gen formats" y "Properly size images" te indicará si hay margen de mejora.
loading="lazy".