JPG vs PNG vs WebP vs AVIF

Los cuatro formatos, frente a frente

En qué destaca cada formato

JPG guarda el detalle fino en bloques de 8 × 8 píxeles con una precisión reducida y, por lo general, almacena el color con menos resolución que el brillo. En las fotos apenas se nota; en el texto y los bordes nítidos aparecen halos. Cada vez que un JPG se edita y se vuelve a guardar, se codifica de nuevo, y eso suele suponer perder un poco más de detalle. El valor de calidad se explica en Ajustes de compresión de imágenes explicados.

PNG es un formato sin pérdida y comprime buscando patrones repetidos y predecibles, así que las capturas de pantalla, los gráficos y los logotipos ocupan poco, pero las fotos no. Una foto de 12 megapíxeles contiene 36 millones de bytes de valores de color (4000 × 3000 píxeles × 3 bytes); el ruido de la cámara apenas se repite, de modo que su PNG suele ocupar varias veces más que un buen JPG.

WebP tiene un modo con pérdida y otro sin pérdida, ambos con transparencia. El WebP con pérdida guarda el color a la mitad del ancho y la mitad del alto, por lo que las líneas finas de color y el texto rojo pueden verse algo suaves. Ningún lado de una imagen WebP puede superar los 16.383 píxeles, lo que descarta las capturas de pantalla muy largas; el formato JPG admite hasta 65.535.

AVIF procede del códec de vídeo AV1. Con fotos suele ser el más eficiente de los cuatro, sobre todo con calidades bajas, y puede guardar color de 10 o 12 bits y HDR. La codificación suele ser más lenta, y fuera de los navegadores su compatibilidad va por detrás de la de WebP.

Un ejemplo medido: una captura de pantalla, seis archivos

Dibujamos una captura de pantalla de un panel de control de 1280 × 800 (colores planos, texto y un gráfico de barras) y la guardamos con Python Pillow 12.3 (libjpeg-turbo 3.1, libwebp 1.6, libavif 1.4) con calidad 92 en los formatos que usan un valor de calidad, el mismo número que el 0,92 fijo que el convertidor de LeedyBox pasa al navegador. Para WebP sin pérdida se usó su ajuste más lento, el que más comprime. Se trata de una sola imagen sintética: los codificadores de los navegadores usan otros ajustes y dan cifras distintas, y las fotos se comportan de otra manera. 1 KB = 1024 bytes.

Con este gráfico plano, JPG fue la peor opción: más del doble de tamaño y, además, ya no era exacto. WebP sin pérdida conservó todos los píxeles y fue el más pequeño, mientras que WebP con pérdida apenas ahorró espacio. Volver a convertir el JPG a PNG no deshizo nada: PNG tuvo que guardar con exactitud los artefactos del JPG y llegó a ocupar 4,5 veces más que el original.

Un logotipo de 512 × 512 sobre fondo transparente dio 31,6 KB en PNG, 18,4 KB en WebP con pérdida (con la transparencia conservada), 16,6 KB en AVIF, 12,7 KB en WebP sin pérdida y 25,2 KB en JPG, con un cuadrado blanco en lugar de la transparencia. De nuevo, WebP sin pérdida dio el archivo más pequeño y conservó todos los píxeles.

Lo que la conversión puede hacer y lo que no

• No recupera el detalle. Un JPG guardado como PNG conserva sus artefactos.
• Pasar de un formato con pérdida a otro suma pérdidas. Convertir de JPG a WebP o AVIF vuelve a codificar los artefactos que ya había, así que parte del mejor original que tengas.
• La transparencia necesita un formato que la guarde. JPG no tiene canal alfa, así que el conversor de LeedyBox rellena de blanco las zonas transparentes al guardar en JPG o BMP, y los bordes suaves se mezclan con ese blanco. Mantén los logotipos y recortes en PNG o WebP.
• Las dimensiones en píxeles suelen importar más. Una foto de 4000 × 3000 que se muestra a 1200 × 900 contiene 12 millones de píxeles donde bastan 1,08 millones: unas 11 veces más. Incluso una pantalla con el doble de densidad de píxeles solo usa 2400 × 1800, es decir, 4,32 millones. Consulta la guía Redimensionar imágenes.

Convertir con el convertidor de imágenes de LeedyBox

1. Abre el Convertidor de imágenes y haz clic en «Elige archivos o arrástralos aquí», o suelta las imágenes en el recuadro. Se admiten PNG, JPG, WebP, BMP, GIF y AVIF, siempre que tu navegador pueda abrir el archivo.
2. Cada archivo aparece en la lista con su tamaño en píxeles y un menú de formato que empieza en JPG y también ofrece PNG, WebP, BMP, AVIF e ICO. Cámbialo archivo por archivo o usa el menú «Establecer todos los formatos en...», junto a «Opciones por lotes:», para cambiarlos todos a la vez. Elige PNG, WebP o AVIF para cualquier imagen con transparencia.
3. Haz clic en «Convertir y descargar». Una sola imagen se descarga con su nombre seguido de «_converted», por ejemplo vacaciones_converted.webp; si son varias, llegan en leedybox_converted_images.zip.

El convertidor mantiene las dimensiones en píxeles, salvo en ICO, que se reduce para que quepa en 256 × 256 píxeles. Para JPG, WebP y AVIF pide al navegador una calidad de 0,92 (en una escala de 0 a 1), y no hay ningún ajuste de calidad. Chrome y Edge generan WebP con pérdida con ese valor; los codificadores de otros navegadores pueden comportarse de otra forma. JPG y BMP reciben un fondo blanco; BMP se guarda sin comprimir a 24 bits por píxel, así que una foto de 6000 × 4000 se convierte en 72.000.054 bytes. Muchos navegadores no pueden crear AVIF; el convertidor lo comprueba al abrir la página y, si no es posible, desactiva la opción y la muestra como «AVIF (no compatible con este navegador)».

La conversión se realiza en tu navegador y, para ello, las imágenes no se envían a LeedyBox. Cada imagen se vuelve a dibujar, así que los datos EXIF, la ubicación GPS y otros metadatos no se copian. Si quieres elegir la calidad y comparar el antes y el después, usa Comprimir imágenes (JPG, WebP o PNG, con un control deslizante de calidad que empieza en 75 o con un tamaño de archivo objetivo); para reducir las dimensiones, Redimensionar imágenes.

Qué formato usar en cada caso

Para las imágenes de páginas web, consulta también Cómo elegir el formato de imagen adecuado para la web.

Problemas habituales y soluciones

• El fondo transparente se volvió blanco. El formato de salida era JPG, la opción inicial, o BMP. Vuelve a convertir la imagen a PNG, WebP o AVIF.
• El archivo ocupa más que antes. Es habitual con fotos o con JPG guardados como PNG, y con BMP, que no está comprimido. Usa JPG o WebP para las fotos, o conserva el original.
• No se puede elegir AVIF. Tu navegador no puede crear AVIF. Elige WebP o prueba con otro navegador.
• El ZIP tiene menos archivos de los que añadiste. Al convertirlos a WebP, logo.png y logo.jpg pasan a llamarse logo_converted.webp, y el archivo posterior sustituye al anterior. Cambia antes el nombre de uno de ellos.
• No se descargó nada. Un archivo falla cuando el navegador no puede crear el formato elegido: algunos navegadores no pueden crear WebP, y el formato WebP no admite imágenes de más de 16.383 píxeles de ancho o de alto. Las imágenes muy grandes también pueden superar el tamaño de lienzo que el navegador es capaz de manejar. En un lote, un solo archivo que falle detiene el convertidor antes de crear el ZIP. Cambia el formato de ese archivo o quítalo de la lista.
• Una animación se convirtió en una imagen fija. Solo se conserva un fotograma, normalmente el primero.

Qué comprobar después

• Mira el resultado a tamaño real: texto, bordes, caras y degradados.
• Compara el tamaño de los archivos; conserva el original si el nuevo no es más pequeño.
• Revisa las imágenes transparentes sobre un fondo claro y sobre uno oscuro.
• Prueba el archivo allí donde lo vayas a usar: algunos programas de correo y formularios de subida rechazan WebP o AVIF.

Preguntas frecuentes