Skip to content

Fundamentos

PNG, JPG o WebP: elige con un ejemplo descargable

Elige formato según transparencia, detalle legible y compatibilidad. Examina el original y los archivos que hemos generado.

Comprueba primero qué formatos admite la web o aplicación de destino. Después decide si necesitas transparencia y si puedes aceptar cambios en los píxeles. Un archivo más pequeño sólo sirve si el resultado conserva lo que necesitas.

Una secuencia práctica

  1. El destino exige un formato: úsalo y prueba allí el archivo descargado. WebP a JPG ayuda cuando un formulario rechaza WebP.
  2. Necesitas transparencia: JPEG no la conserva. Prueba PNG o WebP y revisa los bordes suaves sobre fondos claros y oscuros.
  3. Importan los píxeles exactos: para capturas, diagramas u originales que seguirás editando, compara PNG con WebP sin pérdidas. Una exportación con pérdidas puede alterar líneas y letras.
  4. Puedes aceptar ciertos cambios: compara JPEG y WebP con pérdidas al tamaño de uso. Conserva el original y genera cada variante desde él, sin encadenar conversiones.

Un PNG de paleta puede tener hasta 256 entradas de color con valores de transparencia por entrada. No está limitado necesariamente a un único color transparente; reducir una imagen a esa paleta sí puede perder detalle. La especificación PNG define estas posibilidades.

Una muestra que puedes comprobar

Hemos creado un patrón sintético de 800 × 600 con degradado, bordes de color y ruido de semilla fija. No es una fotografía ni una colección representativa. Estos son los tamaños exactos, generados el 1 de octubre de 2026 con Sharp 0.35.3/libvips 8.18.3:

File / Archivo Encoder settings / Ajustes Bytes
PNG source compressionLevel 9, lossless 272855
JPEG quality 80, 4:2:0 63406
WebP quality 80, effort 4 40808
WebP lossless lossless, effort 4 93024
AVIF quality 50, effort 4, 4:4:4 17608

Descarga el generador y los ajustes, versiones y hashes. En una carpeta vacía, instala sharp@0.35.3, guarda el generador y ejecuta node generate-formats.mjs. Otras versiones de los códecs pueden generar bytes distintos.

PNG y WebP sin pérdidas recuperaron los píxeles RGB originales en nuestra comprobación. JPEG, WebP con pérdidas y AVIF no. Los números de calidad no equivalen entre codificadores: esta tabla no demuestra un ganador universal ni igualdad visual. Abre los archivos y compara el degradado y los bordes de contraste.

Prueba tu archivo en OpenImages

Descarga el PNG original, abre PNG a WebP y selecciónalo. Exporta y abre ambos archivos en Comparar imágenes. Revisa dimensiones, detalles legibles y aspecto al tamaño de uso. El codificador del navegador es distinto de Sharp y puede producir tamaños diferentes a esta tabla.

Si partes de JPEG, usa JPG a WebP y guarda el original. Convertir un JPEG a PNG no recupera detalle perdido. Si el resultado pesa más o se ve peor de lo aceptable, conserva el original o cambia los ajustes.

La documentación de WebP de Google explica sus modos con y sin pérdidas.

Herramientas relacionadas

Preguntas frecuentes

¿WebP siempre pesa menos?

No. Depende de la imagen, el modo y los ajustes. Compara el tamaño y examina el resultado real.

¿Pasar JPEG a PNG recupera calidad?

No. La copia sin pérdidas conserva la imagen decodificada, incluidos los defectos de la compresión JPEG anterior.

Patrocinado