Format Atlas

Comparar

APNG vs WebP

APNG e WebP aceitam animação e transparência. APNG estende PNG com animação sem perdas; WebP oferece codificação com e sem perdas para a web.

Qual formato você deve escolher?

Considere APNG em um fluxo PNG sem perdas; teste WebP ao otimizar o tamanho para a web.

Indicado para APNG

Animações curtas com transparência · Elementos animados de interface · Diagramas animados

  • Animação que deve manter a transparência de PNG
  • Recursos visuais curtos em que a saída sem perdas importa

Indicado para WebP

Imagens para a web · Fotografias · Recursos web transparentes

  • Reduzir a transferência de imagens web
  • Recursos com transparência ou animação

Informações básicas

CampoAPNGWebP
Extensão.apng, .png.webp
Tipo MIMEimage/apngimage/webp
Usos comunsAnimações curtas com transparência · Elementos animados de interface · Diagramas animadosImagens para a web · Fotografias · Recursos web transparentes
Como abrirAbra APNG em navegador ou visualizador compatível. Antes de usar como animação, confirme o navegador de destino e a velocidade de reprodução.Abra arquivos WebP em um navegador, visualizador ou editor de imagens compatível.
Exportar ou converterPara imagem estática, considere PNG; para outra animação web, WebP. Depois de converter, verifique transparência e reprodução.Ao exportar WebP para JPEG, a transparência não é preservada e a saída tem perdas. Ao exportar para PNG, defina se uma imagem estática basta e trate a animação separadamente quando necessário.

Escolha por finalidade

Animação que deve manter a transparência de PNG

Animações curtas com transparência · Elementos animados de interface · Diagramas animados

APNG

Recursos visuais curtos em que a saída sem perdas importa

Animações curtas com transparência · Elementos animados de interface · Diagramas animados

APNG

Reduzir a transferência de imagens web

Imagens para a web · Fotografias · Recursos web transparentes

WebP

Recursos com transparência ou animação

Imagens para a web · Fotografias · Recursos web transparentes

WebP

Ponto principal 1

APNG acrescenta animação ao PNG.

Mais sobre as diferenças

Ponto principal 2

WebP suporta compressão com e sem perdas.

Mais sobre as diferenças

Mais sobre as diferenças

Exporte amostras e compare reprodução, transparência, qualidade e tamanho no ambiente de destino.

  • APNG se encaixa na produção baseada em PNG.
  • WebP oferece mais opções de codificação para a web.
  • Nenhum é sempre menor; depende do material e das configurações.

Perguntas frequentes

WebP é sempre menor que APNG?

Não. Compare exportações reais com qualidade aceitável e confira a reprodução.

Saiba mais

Usos e verificações relacionados

Escolher formatos de compressão e animação para imagens web

Referências e especificações