Optimizador de imágenes para sitios web más rápidos

Las imágenes suelen ser la parte más pesada de una página web, y la más grande visible sin hacer scroll es a menudo el elemento que determina tu Largest Contentful Paint (LCP), una de las Core Web Vitals de Google. Una foto de 5 MB recién salida de la cámara o de un banco de imágenes es varias veces mayor de lo que necesita cualquier pantalla. El optimizador para web ataca las dos causas a la vez: dimensiones excesivas y bytes innecesarios.

Por defecto, cada imagen se escala para caber en 1920 × 1080 píxeles, manteniendo la proporción y sin ampliar nunca las imágenes pequeñas, y luego se comprime con calidad 78, un ajuste que se ve limpio en imágenes de cabecera a ancho completo y reduce mucho el peso. Se conserva el formato original salvo que elijas otro; para la mayoría de webs, pasar a WebP es el ahorro adicional más sencillo.

Cómo usar el Optimizador de imágenes para web

1. Arrastra tus imágenes a la zona de carga, haz clic para elegir archivos o pega una imagen con Ctrl+V. Esta página acepta archivos JPG, PNG, WebP, GIF y BMP, varios a la vez y de hasta 80 MB cada uno.
2. Revisa la sección Resize: Max 1920 × 1080 sirve para cabeceras y fondos a ancho completo. Para imágenes dentro de la columna de un artículo, baja el ancho a unos 1200 u 800 píxeles. Las imágenes verticales quedan limitadas por la altura de 1080 píxeles; súbela si necesitas imágenes más altas.
3. Abre Format y elige WebP (compatible con todos los navegadores actuales) o AVIF para los archivos más ligeros, o mantén el formato original si tu CMS exige JPG o PNG.
4. Revisa el resultado con el deslizador antes/después: arrastra el divisor sobre la vista previa y consulta debajo las nuevas dimensiones, el peso, la calidad y el porcentaje ahorrado. Cada cambio en los ajustes vuelve a procesar todas las imágenes automáticamente.
5. Descarga una imagen suelta o usa «Download all (ZIP)» para todo el lote. En «More options» también puedes fijar un valor de DPI y un patrón de nombre de archivo con {name}, {w} y {h}.

Consejos de rendimiento web

• Ajusta las imágenes a su hueco. Una imagen mostrada a 800 píxeles de ancho no necesita 4000; adaptar las dimensiones al diseño suele ahorrar más que cualquier ajuste de calidad.
• Empieza por la imagen LCP. Optimiza la imagen principal o el banner y no la cargues en diferido; la carga diferida es para imágenes más abajo, como explica el generador de imágenes lazy load.
• Indica width y height en el HTML. La línea «After» muestra el tamaño exacto de salida; cópialo en los atributos width y height para evitar saltos de diseño (CLS).
• Procesa carpetas enteras. Suelta todas las imágenes de una página o plantilla y descárgalas en un ZIP. El optimizador WebP viene preparado para salida WebP, y los tamaños exactos están en redimensionar a 1920×1080.

El codificador del navegador guarda los GIF animados como imagen fija, así que deja los archivos animados fuera del lote.

Privado, gratis y rápido

Todo el trabajo se hace en tu navegador: las imágenes se decodifican, redimensionan y vuelven a codificar en tu propio dispositivo, así que nada se sube a un servidor. No hay registro, marca de agua ni límite diario, y los datos de ubicación y de cámara (EXIF) se eliminan de cada resultado.