¿Cuándo es mejor usar los formatos de imagen PNG y WebP, y cuándo deberías elegir SVG?

• SVG (Gráficos Vectoriales Escalables) — para gráficos vectoriales (íconos, logotipos). Ventajas: se escala sin pérdida de calidad, menor tamaño de archivo para gráficos simples, se anima fácilmente. Úselo cuando necesite mantener la claridad en cualquier tamaño y tenga la opción de generar gráficos programáticamente.
• PNG (Gráficos de Red Portátiles) — para gráficos rasterizados con transparencia. Ventajas: soporte para canal alfa, compresión sin pérdida. Úselo para imágenes donde la transparencia sea importante o para mantener la máxima calidad sin artefactos de compresión (por ejemplo, capturas de pantalla, ilustraciones complejas con texto).
• WebP — para gráficos rasterizados. Ventajas: mejor compresión en comparación con JPEG y PNG (con pérdida y sin pérdida), soporte para transparencia. Úselo para fotografías e imágenes donde se requiera reducir al máximo el tamaño del archivo, manteniendo una calidad aceptable. Preferido para la mayoría de las imágenes rasterizadas si es compatible (Android 4.0+).

La elección depende del tipo de imagen, la necesidad de escalado, la presencia de transparencia y los requisitos de tamaño de archivo.