Comparador de formatos de imagen
Descubre qué formato de imagen da el archivo más pequeño para tu foto. La herramienta comprime la misma imagen como JPG, WebP, AVIF y JPEG XL con un único ajuste de calidad y muestra los tamaños de archivo, una puntuación objetiva de calidad y una vista ampliada lado a lado para que juzgues tú mismo los artefactos. Todo funciona en tu navegador.
Última actualización:
Arrastra cualquiera de las imágenes para mover ambas vistas a la vez. Amplía los bordes, el texto y los degradados suaves para ver los artefactos de compresión.
Cómo usar Comparador de formatos de imagen
- Elige una imagen o deja la imagen de prueba integrada. Las fotos, capturas de pantalla y gráficos se comportan de forma muy distinta, así que prueba el tipo de imagen que realmente publicas.
- Ajusta la calidad y elige los formatos que quieres comparar. Usa la opción de tamaño de prueba para que la codificación AVIF y JPEG XL sea rápida.
- Pulsa Comprimir y comparar. JPG y WebP terminan al instante; AVIF y JPEG XL pueden cargar antes un codificador WebAssembly.
- Lee la tabla: un tamaño de archivo menor y un PSNR mayor son mejores.
- Examina los detalles en el visor lado a lado con zoom de 2× a 8× y descarga los archivos que quieras conservar.
JPG, WebP, AVIF y JPEG XL de un vistazo
| JPG | WebP | AVIF | JPEG XL | |
|---|---|---|---|---|
| Lanzamiento | 1992 | 2010 | 2019 | 2021 (estándar ISO 2022) |
| Basado en | Bloques DCT de 8×8 | Fotogramas intra de vídeo VP8 | Fotogramas intra de vídeo AV1 | DCT de tamaño variable más modo modular |
| Transparencia | No | Sí | Sí | Sí |
| Animación | No | Sí | Sí | Sí |
| Profundidad de bits | 8-bit | 8-bit | 8, 10 y 12 bits, HDR | hasta 32 bits en coma flotante, HDR |
| Modo sin pérdidas | No (en el uso habitual) | Sí | Sí | Sí, más recompresión de JPEG sin pérdidas |
| Visualización en navegadores | Todos | Todos los actuales | Todos los actuales | Safari; otros tras opciones experimentales o en absoluto |
| Artefactos típicos | Bloques y halos alrededor de los bordes | Desenfoque y textura fina emborronada | Suavizado de la textura fina y el grano | Ligero desenfoque, buena conservación de la textura |
Cómo leer los resultados
- Bits por píxel es el tamaño del archivo en bits dividido entre el número de píxeles. El RGB sin comprimir usa 24; una buena foto web suele usar de 0.5 a 2.
- PSNR se calcula como 10 × log10(255² ÷ MSE), donde MSE es la diferencia cuadrática media de los valores rojo, verde y azul entre la imagen decodificada y la original.
- Fíjate donde fallan los códecs: texto pequeño de color (submuestreo de croma), degradados oscuros suaves (bandas), hierba o pelo finos (suavizado de textura) y bordes nítidos sobre colores planos (halos). La imagen de prueba integrada contiene los cuatro.
Consejos para elegir un formato web
- Sirve AVIF o WebP con JPG como alternativa en un elemento
<picture>para tener archivos pequeños sin dejar atrás el software antiguo. - Ajusta la calidad a ojo con zoom al 100% en una pantalla real, no solo por el número. Una calidad de 50 en AVIF suele parecerse a 75 u 80 en JPG.
- ¿Quieres convertir una carpeta entera? Usa Imagen a AVIF, el Convertidor WebP o el Convertidor de imágenes.
Preguntas frecuentes
¿Qué formato de imagen es el más pequeño?
Para fotos, AVIF y JPEG XL suelen producir los archivos más pequeños con una calidad visual similar, a menudo entre un 30 y un 50 por ciento más pequeños que JPG, y WebP queda en medio, aproximadamente entre un 25 y un 35 por ciento más pequeño. Las cifras exactas dependen mucho de la imagen, por eso esta herramienta prueba tu propia imagen en lugar de citar promedios.
¿El mismo número de calidad significa la misma calidad en todos los formatos?
No. Cada codificador tiene su propia escala de calidad, así que una calidad de 75 en JPG, WebP, AVIF y JPEG XL produce distintas cantidades de detalle. Por eso la tabla también muestra el PSNR, una medida de cuánto se parecen los píxeles decodificados a los originales. Para comparar de forma justa, busca el formato con el archivo más pequeño a un PSNR similar, o mueve el control hasta que las imágenes te parezcan iguales.
¿Qué es el PSNR?
La relación señal-ruido de pico compara cada píxel decodificado con el original y expresa el error medio en decibelios. Más alto significa más fiel: hacia 30 dB se ven artefactos, de 35 a 40 dB es bueno y por encima de unos 40 dB las diferencias son muy difíciles de apreciar. El PSNR no coincide perfectamente con la percepción humana, así que revisa siempre también la vista ampliada.
¿Todos los navegadores pueden mostrar AVIF y JPEG XL?
AVIF es compatible con todos los navegadores principales actuales. Safari muestra JPEG XL de forma nativa, pero Chrome y Firefox no lo muestran por defecto, así que hoy es útil sobre todo para archivo y aplicaciones. WebP y JPG funcionan en todas partes. Los sitios web suelen servir AVIF o WebP con JPG como alternativa mediante el elemento HTML picture.
¿Por qué AVIF o JPEG XL tardan más?
Estos códecs más modernos buscan con mucho más empeño una forma eficiente de describir la imagen. Cuando el navegador no tiene un codificador integrado, la herramienta descarga una versión WebAssembly del codificador de referencia (unos 2 a 3 MB) y la ejecuta en tu dispositivo. Elegir un tamaño de prueba más pequeño lo hace mucho más rápido.
¿Se sube mi imagen para comparar formatos?
No. Toda la codificación, decodificación y medición se hace en tu navegador. La imagen nunca se envía a un servidor; solo se descarga el código del codificador cuando hace falta AVIF o JPEG XL.
¿Por qué un formato pesa más que JPG con mi imagen?
Las imágenes muy pequeñas, el pixel art, las capturas de pantalla con pocos colores o las imágenes guardadas con una calidad muy alta pueden favorecer a un codificador sobre otro, y en esta comparación se elimina la transparencia. Para gráficos planos, un PNG o WebP sin pérdidas puede ser incluso la mejor opción. La comparación muestra lo que funciona para tu imagen concreta.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.