Kdy je lepší používat formáty obrázků PNG a WebP, a kdy byste měli zvolit SVG?

• SVG (Škálovatelné vektorové grafiky) — pro vektorovou grafiku (ikony, loga). Výhody: lze zvětšovat bez ztráty kvality, menší velikost souboru pro jednoduchou grafiku, snadno se animují. Použijte, když je třeba zachovat ostrost při jakékoli velikosti a je možné grafiku generovat programově.
• PNG (Přenosná síťová grafika) — pro rastrovou grafiku s průhledností. Výhody: podpora alfa kanálu, bezztrátové komprimování. Použijte pro obrázky, kde je důležitá průhlednost nebo je třeba zachovat maximální kvalitu bez artefaktů komprese (například snímky obrazovky, složité ilustrace s textem).
• WebP — pro rastrovou grafiku. Výhody: lepší komprese ve srovnání s JPEG a PNG (s nebo bez ztráty), podpora průhlednosti. Použijte pro fotografie a obrázky, kde je třeba minimalizovat velikost souboru a přitom zachovat přijatelnou kvalitu. Preferováno pro většinu rastrových obrázků, pokud je podporováno (Android 4.0+).

Výběr závisí na typu obrázku, potřebě škálování, přítomnosti průhlednosti a požadavcích na velikost souboru.