Der Export transparenter PNGs scheitert oft an fehlerhaften viewBox-Werten, versteckten Hintergrundebenen oder unsauberen Kanten durch Anti-Aliasing. Dieser Guide hilft Ihnen, stabile Ergebnisse zu erzielen.
1) SVG vor dem Export vorbereiten
- Behalten Sie eine gültige viewBox bei und entfernen Sie überdimensionierte unsichtbare Pfade, die die Zeichenfläche unnötig vergrößern.
- Löschen Sie fest eingebaute weiße Hintergrundebenen, sofern das Ziel sie nicht ausdrücklich verlangt.
- Richten Sie strokes und shapes wenn möglich am Pixelraster aus, um unscharfe Kanten zu vermeiden.
2) Exporteinstellungen sauber setzen
- Verwenden Sie den transparenten Hintergrundmodus und kontrollieren Sie die Alpha-Pixel in der Vorschau.
- Wählen Sie eine 1x-, 2x- oder 3x-Skalierung passend zu den Zielgeräten, damit Sie nach dem Export nicht erneut skalieren müssen.
- Halten Sie Dateinamen konsistent, damit Design und Entwicklung Assets sauber zuordnen können.
3) Kurzen QA-Check durchführen
- Testen Sie auf hellem und dunklem Hintergrund, um versteckte Halos zu erkennen.
- Prüfen Sie auf Kantenbeschnitt, indem Sie rund um die Zeichenfläche vorübergehend Padding hinzufügen.
- Vergleichen Sie die Ausgabegröße mit den Designspezifikationen, bevor Sie veröffentlichen.