Portada de UrsaKit para la guía de comprimir imágenes sin perder calidad

Comprimir imágenes es un intercambio: cedes un poco de datos para obtener un archivo mucho más pequeño que carga antes y cuesta menos almacenar. La habilidad está en saber qué datos puedes ceder sin problema. Esta guía explica cómo comprimir imágenes y fotos sin pérdida visible de calidad, cómo interactúan formato y calidad, y los ajustes que de verdad importan.

La compresión se ejecuta localmente en tu navegador, así que las fotos originales nunca salen de tu dispositivo y no hay espera de subida ni descarga.

01Con pérdida, sin pérdida y por qué recodificar reduce el archivo

La compresión sin pérdida guarda los mismos píxeles en menos bytes eliminando redundancia: el paso DEFLATE de PNG (especificación PNG del W3C) y el modo sin pérdida de WebP funcionan así. La imagen es idéntica tras decodificar y el ahorro viene de cómo se escriben los datos, no de lo que contienen.

La compresión con pérdida acepta una pérdida pequeña y controlada que el ojo probablemente no note. JPEG descarta detalle de alta frecuencia y almacena el color a menor resolución que el brillo; WebP y AVIF hacen un trabajo similar con modelos más nuevos (guía de formatos de imagen de MDN). Así es como una foto de móvil de 4 MB se convierte en un JPEG por debajo de 1 MB que se ve igual en pantalla.

Recodificar también elimina metadatos. Campos EXIF como las coordenadas GPS, el modelo de cámara y la fecha de captura (lista de etiquetas de ExifTool) pueden ser una parte considerable de un archivo pequeño —y una fuga de privacidad—, así que un compresor que los quita te hace dos favores a la vez.

02Comprimir un lote de imágenes

  1. Añade tus imágenes — Suelta archivos en la zona de subida o haz clic para buscarlos. Se aceptan JPEG, PNG, WebP y otros formatos comunes, y hay subida por lotes.
  2. Elige un preajuste o ve a medida — Web Optimized, Balanced, Small File y High Quality fijan calidad y formato a la vez. Custom desbloquea los controles individuales, así que elige el preajuste más cercano y luego ajusta.
  3. Establece el formato de salida — Keep Original Format conserva JPEG, PNG o WebP. Elegir JPEG, PNG, WebP o AVIF convierte en su lugar: útil cuando una fotografía se exportó como PNG.
  4. Ajusta el deslizador de calidad — La calidad corresponde al ajuste de distorsión del codificador. 70–80 es el punto dulce habitual en web; por debajo de unos 60 empiezan a verse bloques en los degradados y halos en los bordes.
  5. Redimensiona solo si la imagen es más grande de lo necesario — Una foto de 4000 px mostrada a 800 px gasta bytes en detalle que nadie ve. Limita el lado largo al mayor tamaño que use el diseño.
  6. Previsualiza y descarga — Cada archivo muestra su tamaño original, el nuevo y el porcentaje ahorrado. Descarga los archivos uno a uno o usa Download All para el lote.

03Qué formato para cada imagen

FormatoMejor paraTransparenciaAhorro típico
JPEGFotografías, color complejoNoReferencia para fotos con pérdida
PNGCapturas, logotipos, line art, píxeles exactosSíReferencia sin pérdida
WebPCasi todo en la webSí25–34% menos que JPEG con el mismo SSIM; 23–42% menos que un PNG optimizado
AVIFImágenes web de nueva generación, mayor ahorroSíBastante mejor que JPEG o PNG, pero sirve un respaldo
GIFSolo animaciones cortas1 bitPobre: mejor WebP o vídeo

Las cifras de WebP salen de los estudios del propio codificador de Google: 25–34% menos que JPEG con el mismo índice SSIM y 23–42% menos que un PNG optimizado para tamaño (estudio sin pérdida). MDN describe AVIF como un formato que ofrece "mucha mejor compresión que PNG o JPEG", con la advertencia de servir un respaldo para los navegadores sin soporte (caniuse).

Para conversiones puntuales, las páginas dedicadas trabajan un archivo cada vez: JPG a WebP y PNG a WebP llevan las imágenes al formato moderno, WebP a JPG hace el camino inverso cuando un destino rechaza WebP, y JPG a PNG o PNG a JPG cubren los casos de edición sin pérdida y de fotografías.

04Qué cambia realmente el deslizador de calidad

La calidad no es un porcentaje del tamaño original del archivo; es un objetivo para el intercambio del codificador entre tamaño y fidelidad. Subirla de 80 a 100 puede duplicar el archivo por una diferencia que casi nadie ve, mientras que bajarla de 80 a 60 puede reducirlo a la mitad con solo artefactos menores.

Comprime cada imagen una sola vez desde el original, nunca desde una versión ya comprimida. La codificación JPEG repetida es pérdida generacional: los artefactos de la primera pasada se amplifican en la segunda. Si más adelante necesitas otro tamaño o formato, parte del archivo fuente.

05Antes y después

Foto para una página web

Entrada

beach.jpg — 3.8 MB, 4032×3024, JPEG

Salida

beach-1600.jpg — ~0.4 MB, 1600×1200, JPEG, quality 78

El redimensionado hace la mayor parte del trabajo; la calidad 78 mantiene limpios los degradados del cielo y los tonos de piel.

Captura de interfaz que debe verse nítida

Entrada

dashboard.png — 1.4 MB, 2560×1440

Salida

dashboard.webp — ~0.4 MB, 2560×1440

Usa PNG o WebP sin pérdida cuando los píxeles exactos importen; el JPEG con pérdida emborrona los bordes del texto.

Logotipo con transparencia

Entrada

logo.png — 240 KB, 800×800, transparent background

Salida

logo.png — ~96 KB, 800×800 (lossless, transparency preserved)

Nunca conviertas un logotipo transparente a JPEG: la zona transparente se vuelve negra o blanca.

No recodifiques el mismo archivo dos veces

Cada guardado con pérdida descarta más información. Conserva el original y exporta desde él, en lugar de comprimir una foto ya comprimida.

06Errores de compresión habituales

ErrorQué ocurreHaz esto en su lugar
Comprimir el mismo JPEG repetidamentePérdida generacional; la calidad cae en cada pasadaGuarda el original y reexporta desde él
Guardar una captura como JPEGLos bordes del texto se emborronan y los colores sangranUsa PNG o WebP sin pérdida para UI y line art
Calidad por debajo de 60 en fotosBloques en degradados, halos en los bordesQuédate en 70–80 y redimensiona
Convertir un PNG transparente a JPEGLa transparencia se vuelve negra o blancaConserva PNG o usa WebP / AVIF
Escalar una imagen pequeña hacia arribaArchivo más grande, sin detalle extraSolo reduce, nunca amplíes
Ignorar los EXIFPuedes publicar coordenadas GPS con la fotoElimina los metadatos salvo que los necesites

07Compresión y velocidad de página

En la mayoría de sitios el elemento de Largest Contentful Paint es una imagen principal, y el tamaño del archivo es la mayor palanca sobre lo rápido que aparece. Dos prácticas cubren casi toda la ganancia: servir el formato más pequeño que soporte el navegador (WebP o AVIF con respaldo JPEG) y ajustar la imagen al diseño en lugar de dejar que CSS encoja un archivo enorme.

Si la imagen está sobre el pliegue, define los atributos width y height y cárgala de inmediato; aplica lazy loading a todo lo que está por debajo. Compresión y tamaño correcto juntos superan a cualquiera de los dos por separado.

08Fuentes

Preguntas frecuentes

¿Comprimir una imagen reduce su calidad?

Con un formato con pérdida como JPEG, WebP o AVIF, un poco, normalmente de forma invisible a tamaños de visualización normales. La compresión sin pérdida de PNG y WebP mantiene los píxeles idénticos.

¿Se suben mis imágenes?

No. La codificación ocurre en tu navegador, así que la herramienta nunca recibe tus archivos y no hay espera de subida ni descarga.

¿Qué calidad debería usar?

70–80 para la mayoría de fotos web, 80–90 para imágenes grandes vistas a pantalla completa y por debajo de 60 solo para miniaturas. Mejor redimensionar que bajar mucho la calidad.

¿Por qué mi PNG ha crecido?

PNG no tiene pérdida y está optimizado para gráficos planos; para fotografías no es buena opción. Convierte las fotos a WebP o AVIF.

¿El compresor conserva los datos EXIF?

Eliminar los metadatos es el valor por defecto más seguro para todo lo que publiques. Conserva el archivo original si necesitas la fecha de captura o el GPS.

¿Puedo comprimir muchas imágenes a la vez?

Sí. Se admite la subida por lotes y la cola se procesa en serie, con un resultado por archivo.

¿Hay un límite de tamaño?

Solo lo que el navegador pueda mantener en memoria. Las imágenes muy grandes y los lotes largos dependen de la RAM del dispositivo, no de un tope del servidor.

Volver a los artículos

Artículos relacionados

Herramientas relacionadas