Como fazer um PNG animado (APNG) e Ferramentas para criar APNG

O que é um APNG?
O Animated Portable Network Graphics (APNG) é um extensão não oficial do formato Portable Network Graphics (PNG) com suporte a animação.
Esse formato APNG permite que sejam criadas animações, assim como um gif, mas com uma qualidade superior (qualidade de PNG). A grosso modo podemos dizer que é um PNG animado.

Devo usar um GIF ou um APNG?
Nem todos os navegadores tem suporte para o formato APNG, o Chrome, que tem se tornado um dos mais populares navegadores ainda não suporta o formato APNG (PNG Animado), deixando a animação parada. Já o GIF é suportado por todos os navegadores.
Apesar da qualidade superior do APNG, o Gif é mais indicado para uso em sites.

Como criar um APNG (PNG Animado)?
Existem algumas ferramentas para criação do APNG. Iremos colocar uma de fácil uso para iniciar a criação desse novo formato PNG animado.

A ferramenta usada é APNG ANime Maker Download

Faça a instalação do programa e execute. Para usar o software você precisa já ter a sequência da animação criada em arquivos de PNG separadamente. Cada frame da animação será um arquivo PNG.

A tela inicial será parecida com a imagem abaixo:

Programa para criar arquivo APNG

Clique em “Open” e selecione os arquivos PNG que irão compor a animação do seu APNG. Ordene de acordo com a animação desejada.

Para definir o intervalo entre cada frame, use as configurações “Delay”.

Clique em “save” e escolha o local para salvar o arquivo apng criado. Pronto. Agora é só conferir o resultado.

Abaixo, veja alguns exemplos de arquivos APNG e uma comparação da qualidade com GIF. Lembrando que se você usa o Chrome (versão 17.0) ele ainda não tem suporte ao APNG, deixando a animação do APNG estática.

APNG  Exemplo de arquivo PNG animado

APNG GIF
Animação APNG GIF-qualidade-inferior-apng

Um comentário em “Como fazer um PNG animado (APNG) e Ferramentas para criar APNG

  • 10 de junho de 2013 em 22:21
    Permalink

    Muito legal, gostaria de usar esses emoticons animados em meus bate papo. É possível? :yes:

    Resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *