Format Atlas

Comparar

APNG frente a WebP

APNG y WebP admiten animación y transparencia. APNG amplía PNG con animación sin pérdida; WebP ofrece codificación con y sin pérdida para la web.

¿Qué formato deberías elegir?

Considera APNG para un flujo PNG sin pérdida; prueba WebP al optimizar el tamaño para la web.

Adecuado para APNG

Animaciones cortas con transparencia · Elementos de interfaz animados · Diagramas animados

  • Animación que debe conservar transparencia de PNG
  • Recursos visuales cortos donde importa la salida sin pérdida

Adecuado para WebP

Imágenes para la web · Fotografías · Recursos web transparentes

  • Reducir la transferencia de imágenes web
  • Recursos con transparencia o animación

Información básica

CampoAPNGWebP
Extensión.apng, .png.webp
Tipo MIMEimage/apngimage/webp
Usos habitualesAnimaciones cortas con transparencia · Elementos de interfaz animados · Diagramas animadosImágenes para la web · Fotografías · Recursos web transparentes
Cómo abrirAbra APNG en un navegador o visor compatible. Antes de usarlo como animación, compruebe el navegador de destino y la velocidad de reproducción.Abra WebP con un navegador, visor o editor de imágenes compatible.
Exportar o convertirPara una imagen fija, considere PNG; para otra opción de animación web, WebP. Tras convertir, compruebe transparencia y reproducción.Al exportar WebP a JPEG se pierde la transparencia y la salida es con pérdida. Al exportar a PNG, decida si basta una imagen fija y trate la animación por separado si hace falta.

Elegir según el uso

Animación que debe conservar transparencia de PNG

Animaciones cortas con transparencia · Elementos de interfaz animados · Diagramas animados

APNG

Recursos visuales cortos donde importa la salida sin pérdida

Animaciones cortas con transparencia · Elementos de interfaz animados · Diagramas animados

APNG

Reducir la transferencia de imágenes web

Imágenes para la web · Fotografías · Recursos web transparentes

WebP

Recursos con transparencia o animación

Imágenes para la web · Fotografías · Recursos web transparentes

WebP

Punto clave 1

APNG añade animación a PNG.

Más sobre las diferencias

Punto clave 2

WebP admite compresión con y sin pérdida.

Más sobre las diferencias

Más sobre las diferencias

Exporta muestras y compara reproducción, transparencia, calidad y tamaño en el entorno de destino.

  • APNG encaja en la producción basada en PNG.
  • WebP ofrece más opciones de codificación web.
  • Ninguno es siempre menor; depende del material y los ajustes.

Preguntas frecuentes

¿WebP siempre pesa menos que APNG?

No. Compara exportaciones reales con calidad aceptable y comprueba la reproducción.

Más información

Usos y comprobaciones relacionados

Elegir formatos de compresión y animación para imágenes web

Referencias y especificaciones