SparkCore
AVIF no WordPress: ainda mais compacto onde é possível
O AVIF pode ser ainda mais eficiente do que o WebP. O Spark combina o AVIF com alternativas (fallback), para que os visitantes vejam sempre uma imagem que funciona.
Em resumo
- O AVIF costuma ser o formato mais pequeno para a mesma qualidade visível.
- Todos os principais navegadores atuais suportam AVIF.
- Use sempre o AVIF com uma alternativa (fallback) para os navegadores que não o conseguem tratar.
AVIF e compatibilidade
Nem todos os navegadores suportam AVIF em todo o lado; por isso combinamos formatos num só fluxo de trabalho.
O que é o AVIF e porque são estes ficheiros tão pequenos?
O AVIF é um formato de imagem moderno, derivado da compressão de vídeo. Guarda a informação da imagem de forma mais inteligente do que o JPEG. Sobretudo em fotografias com gradientes suaves, como céus ou pele, a diferença é grande. O formato também suporta transparência, pelo que por vezes pode substituir um PNG. O custo é o tempo de processamento. Criar um AVIF demora mais do que criar um JPEG ou um WebP. Isso não é problema para os visitantes, porque o ficheiro é criado uma só vez e servido muitas vezes depois.
Que navegadores suportam AVIF no WordPress?
As versões atuais do Chrome, Edge, Firefox e Safari mostram AVIF. Ainda assim, nem toda a gente visita o seu site com o navegador mais recente. Dispositivos mais antigos e aplicações desatualizadas podem não suportar o formato. Isso não é motivo para deixar o AVIF de lado. É um motivo para usar uma alternativa (fallback). O navegador indica que formatos consegue mostrar e recebe o melhor que se adapta. Quem não conhece o AVIF recebe WebP ou JPEG. Ninguém vê uma imagem quebrada.
- O Chrome, o Edge, o Firefox e o Safari suportam AVIF nas suas versões atuais.
- Os navegadores mais antigos precisam de uma alternativa em JPEG ou WebP.
- Teste sempre num dispositivo real, não apenas no seu próprio navegador.
AVIF ou WebP: o que escolher para o seu site WordPress?
Não tem de escolher. Use ambos. O AVIF costuma dar o ficheiro mais pequeno. O WebP é mais rápido de criar e amplamente suportado, pelo que é uma segunda escolha sólida. O JPEG ou o PNG continuam a ser a rede de segurança. Tenha em conta que mais pequeno nem sempre é melhor. Com compressão demasiado forte, o AVIF pode dar uma imagem lisa e com aspeto de cera. Avalie por isso sempre o resultado no tamanho do ecrã. Para fotografias, o AVIF costuma ser o vencedor. Para ícones pequenos, a diferença em bytes é muitas vezes demasiado pequena para contar.
- Use AVIF para fotografias com gradientes suaves.
- Mantenha o WebP como segunda escolha e o JPEG ou o PNG como rede de segurança.
- Avalie sempre o resultado no tamanho do ecrã.
Como usar o AVIF no WordPress em segurança?
Usar em segurança depende de três coisas: criar variantes, servir a variante certa e guardar o original. Se o fizer manualmente, tem de o manter a cada carregamento. O Spark Media Optimizer encarrega-se deste trabalho. O plugin cria WebP e AVIF em segundo plano e serve-os aos navegadores que os suportam, com JPEG ou PNG como alternativa (fallback). Se um navegador ficar de fora, o plugin volta automaticamente à alternativa. Isto aplica-se também à biblioteca existente.
Perguntas frequentes
Muitas vezes sim, sobretudo em fotografias. A diferença depende da imagem e da definição. Teste algumas imagens representativas do seu próprio site e compare-as no tamanho do ecrã antes de decidir.
Não em todos. As versões atuais do Chrome, Edge, Firefox e Safari mostram-no. Os navegadores mais antigos precisam de uma alternativa, como WebP ou JPEG, caso contrário não veem a imagem. Com uma boa alternativa, o visitante não nota nada.
Não. Guarde o original e sirva o AVIF como variante adicional. Assim pode sempre voltar atrás e cobrir os navegadores que não conhecem o formato. Uma segunda variante só custa algum espaço de armazenamento.