Quando é melhor usar os formatos de imagem PNG e WebP, e quando deve escolher SVG?

• SVG (Gráficos Vetoriais Escaláveis) — para gráficos vetoriais (ícones, logótipos). Vantagens: escala sem perda de qualidade, menor tamanho de arquivo para gráficos simples, fácil de animar. Use quando precisar manter a nitidez em qualquer tamanho e tiver a possibilidade de gerar gráficos programaticamente.
• PNG (Gráficos de Rede Portáteis) — para gráficos raster com transparência. Vantagens: suporte ao canal alfa, compressão sem perdas. Use para imagens onde a transparência é importante ou para manter a máxima qualidade sem artefatos de compressão (por exemplo, capturas de tela, ilustrações complexas com texto).
• WebP — para gráficos raster. Vantagens: melhor compressão em comparação com JPEG e PNG (com perdas e sem perdas), suporte à transparência. Use para fotografias e imagens onde é necessário reduzir ao máximo o tamanho do arquivo, mantendo uma qualidade aceitável. Preferencialmente para a maioria das imagens raster, se suportado (Android 4.0+).

A escolha depende do tipo de imagem, necessidade de escalabilidade, presença de transparência e requisitos de tamanho do arquivo.