Compresión de imágenes para la Web real
If you've ever opened PageSpeed Insights and seen a sea of red warnings — "Properly size images", "Serve images in next-gen formats", "Defer offscreen images" — you already know that images are where most websites lose their performance budget. This page is for site owners, bloggers, AdSense publishers and SEOs who care less about cute UI and more about shipping fast pages.
Los tres números que deciden tu ranking
Google's Core Web Vitals boil down to three metrics, and images directly affect two of them:
- LCP (pintura con contenido más grande)- casi siempre la imagen del héroe. Objetivo ≤ 2,5 s.
- CLS (cambio de diseño acumulativo)— causado cuando las imágenes se cargan sin ancho/alto reservado. Objetivo ≤ 0,1.
- INP (Interacción con la siguiente pintura)- Las imágenes pesadas roban tiempo en el hilo principal y los toques lentos. Objetivo ≤ 200 ms.
Comprimir la imagen principal de 1,8 MB a 180 KB normalmente reduce el LCP entre 1,5 y 2 segundos en dispositivos móviles de gama media.
Recetas de calidad que realmente funcionan
- Héroe / en la mitad superior de la página:WebP, 75 % de calidad, máximo 1920 px de ancho → ~150 KB
- Foto del blog en línea:WebP o JPEG, 80% de calidad, 1200 px de ancho → ~80 KB
- Miniatura de la galería de productos:JPEG, 70 % de calidad, 400 px de ancho → ~25 KB
- Tarjeta OG/Twitter:JPEG, 85% de calidad, 1200×630 → ~120 KB
Por qué el lado del navegador supera al lado del servidor
Most online compressors upload your file to a server, compress it, then send it back. That's slow on bad Wi-Fi, exposes your photos to a third party, and dies on big batches. ImageGates runs the compressor insideyournavegador que utiliza las API WebCodecs y Canvas: no se carga nada, los trabajos por lotes se escalan a su CPU y no hay límites diarios.
Comprimir → Cambiar tamaño → Convertir canalización
Para obtener mejores resultados, realice las operaciones en este orden:cropprimero arreglar la composición, luegoresizea las dimensiones de visualización reales de su página,thencompress. Shrinking a 4000px image down to 1200px before compressing usually saves another 40–60% on top of compression alone. If you're serving modern browsers, finish withConversión JPG → WebPpara una reducción más del 25-35%.
Privacidad y cumplimiento
Because nothing leaves your browser, ImageGates is safe for GDPR-sensitive content: client photos, ID scans, internal screenshots, medical images. Compression strips EXIF metadata by default — useful when you don't want to publish GPS coordinates with your blog photos.
Preguntas frecuentes
¿Cuánto acelera la compresión de imágenes un sitio web?
¿Qué tamaño de archivo de destino debo usar para las imágenes destacadas?
¿Google me penalizará por comprimir de forma demasiado agresiva?
¿La compresión daña los datos EXIF, el GPS o la información de derechos de autor?
¿Cómo comprimo imágenes para AdSense y páginas con muchos anuncios?
¿Puedo comprimir a un destino de kilobytes específico?
Mostrar las 6 preguntas ¿Necesita un destino de KB específico? Saltar a la herramienta correcta
El compresor genérico le permite buscar calidad, pero la mayoría de los portales gubernamentales y de embajadas imponen un límite fijo de KB. Utilice la herramienta que coincida con su objetivo: ellos aplican el límite automáticamente.
Cómo funciona realmente la compresión de imágenes en línea
Tienes una foto que es demasiado pesada para un sitio web, un correo electrónico o un formulario de carga y la quieres más pequeña sin que parezca descolorida.
La compresión elimina información que el ojo humano rara vez nota: fina variación de color entre píxeles vecinos, detalle del ruido interior y precisión en los tonos más oscuros. Un codificador JPEG agrupa píxeles en bloques de 8x8 y almacena cada bloque como un conjunto de valores de frecuencia, luego redondea los de alta frecuencia. Redondear más fuerte significa una lima más pequeña y bordes más suaves. Esta página le permite dirigir esa compensación directamente, ejecutando el codificador dentro de la pestaña de su propio navegador para que la foto nunca viaje a ninguna parte.
Cuando la gente usa esta herramienta
Páginas web que se cargan lentamente.
Una sola foto destacada de 5 MB puede retrasar una página varios segundos con datos móviles. Volver a codificarlo a unos 200 KB normalmente elimina el mayor retraso en la página.
Cargar formularios que rechazan archivos
Los portales gubernamentales, las bolsas de trabajo y los sistemas escolares a menudo limitan las cargas a un tamaño fijo. Comprimir primero evita el bucle de mensajes de error.
Archivos adjuntos de correo electrónico
La mayoría de los proveedores de correo dejan de aceptar mensajes que superan los 25 MB en total, por lo que una carpeta de fotos del teléfono normalmente necesita pasar por un compresor.
Ahorrar almacenamiento en el teléfono y en la nube
Los álbumes navideños grabados con 12 megapíxeles se reducen drásticamente sin cambios visibles cuando sólo se ven en una pantalla.
Paso a paso
- 1 Add your images.Coloca una foto o un lote. Todo se lee en la memoria de su navegador; cerrar la pestaña la borra.
- 2 Choose how hard to compress.Los ajustes moderados son adecuados para fotografías de personas y productos. Los entornos más fuertes se adaptan a imágenes decorativas o de fondo.
- 3 Compare before and after.Amplíe las caras, el texto y los bordes nítidos, que es donde los artefactos de compresión aparecen primero como un halo tenue.
- 4 Download the result.Cada archivo mantiene su nombre original con un marcador para que pueda distinguir la copia comprimida de su maestro.
Formatos, límites y salida.
| Formatos de entrada | Fotos JPG, JPEG, PNG, WebP y HEIC de iPhones recientes donde el navegador puede decodificarlas. |
|---|
| Salida | JPEG o WebP para fotografías, PNG cuando la imagen tiene transparencia que debe sobrevivir. |
|---|
| Por lotes | Múltiples archivos en una sola pasada; cada uno está codificado de forma independiente, por lo que un fallo en uno no detiene al resto. |
|---|
| Privacidad | La codificación ocurre localmente en la página. No se almacena ninguna copia de la imagen después de su salida. |
|---|
Consejos prácticos
- • Recorta y cambia el tamaño antes de comprimir. Codificar los píxeles que está a punto de desechar desperdicia un presupuesto de calidad.
- • Mantenga un archivo maestro intacto. Cada recompresión de un JPEG ya comprimido pierde un poco más de detalle de forma permanente.
- • Las capturas de pantalla llenas de texto se ven mejor como PNG o WebP que como JPEG, que mancha los bordes de las letras.
- • Verifique un archivo en la pantalla de un teléfono antes de procesar un lote completo; Las bandas se muestran de manera diferente en las pantallas OLED.
Más preguntas sobre esta herramienta
¿La compresión cambiará las dimensiones de mi foto?
No. La compresión solo cambia la forma en que se almacenan los píxeles. El ancho y el alto permanecen exactamente iguales a menos que también uses el cambio de tamaño.
¿Qué tan pequeña puede llegar a ser una foto de manera realista?
Una foto típica de un teléfono de 4 MB ocupa entre 150 KB y 600 KB antes de que el ablandamiento se note en el tamaño de pantalla completa.
¿Elimina datos EXIF como la ubicación GPS?
La recodificación elimina la mayoría de los metadatos de la cámara, lo que suele ser bienvenido cuando se publican fotografías públicamente.
¿Puedo comprimir un PNG con un fondo transparente?
Sí. Mantenga la salida como PNG o WebP para que sobreviva la transparencia; una copia JPEG llenará el área transparente con un color sólido.