Wann ist es besser, die Bildformate PNG und WebP zu verwenden, und wann sollte man SVG wählen?

• SVG (Skalierbare Vektorgrafiken) — für Vektorgrafiken (Icons, Logos). Vorteile: skalierbar ohne Qualitätsverlust, kleinere Dateigröße für einfache Grafiken, leicht animierbar. Verwenden Sie es, wenn Sie bei jeder Größe Klarheit bewahren möchten und die Möglichkeit haben, Grafiken programmatisch zu generieren.
• PNG (Portable Network Graphics) — für Rastergrafiken mit Transparenz. Vorteile: Unterstützung für Alphakanal, verlustfreie Kompression. Verwenden Sie es für Bilder, bei denen Transparenz wichtig ist oder die maximale Qualität ohne Kompressionsartefakte bewahren sollen (z.B. Screenshots, komplexe Illustrationen mit Text).
• WebP — für Rastergrafiken. Vorteile: bessere Kompression im Vergleich zu JPEG und PNG (mit und ohne Verluste), Unterstützung für Transparenz. Verwenden Sie es für Fotos und Bilder, bei denen die Dateigröße minimiert werden soll, während eine akzeptable Qualität erhalten bleibt. Bevorzugt für die meisten Rasterbilder, wenn unterstützt (Android 4.0+).

Die Wahl hängt vom Bildtyp, der Notwendigkeit der Skalierung, der Transparenz und den Dateigrößenanforderungen ab.