Por que o gerenciamento do tamanho do WebP é importante

  • Arquivos WebP de tamanho excessivo ainda incham as páginas, mesmo com a eficiência do codec.
  • O srcset responsivo requer várias variantes de dimensão por recurso WebP.
  • A compatibilidade com telas Retina requer variantes WebP com resolução 2×.
  • O cache de CDN se beneficia de um conjunto canônico de tamanhos WebP.

Melhores práticas para redimensionamento de WebP

  • Domine na maior dimensão que você jamais precisará — normalmente o dobro do tamanho do herói.
  • Gere variantes do conjunto de origem nos pontos de interrupção padrão (320, 640, 1024, 1920)
  • Mantenha o WebP sem perdas para a interface do usuário e com perdas para a fotografia — nunca misture os dois.
  • Verificar bordas alfa após redimensionamento em recursos WebP transparentes
  • Redimensionamento em pares com negociação de formato (AVIF primeiro, WebP como alternativa, JPG por último)