PNG to SVG
Wandle PNG in echte Vektor-SVGs (mit Pfaden) um – kein eingebettetes PNG in einer SVG-Hülle.
Alle Skripte befinden sich im Ordner scripts/ neben dieser Datei; führe sie mit vollständigem Pfad aus.
Windows: Verwende python oder py -3, nicht python3 (dieses öffnet oft nur den Microsoft Store).
Vorbereitung, Renderer und bekannte Probleme unter Windows: references/windows.md.
Arbeitsschritte
-
Prüfe das Ausgangsmaterial. Stelle sicher, dass die PNG-Datei geöffnet werden kann. Konvertiere keine Logos oder Zeichen fremder Marken, es sei denn, der Benutzer ist eindeutig berechtigt, sie zu verwenden.
-
Frage vor der Konvertierung nach der Variante. Starte den SVG-Erstellungsprozess erst, nachdem der Benutzer eine Variante gewählt hat. Führe aus:
python scripts/png2svg.py input.png --list-optionssource_type: color→ Frage, ob sie Originalfarbe, Weiß, Schwarz oder eine Kombination dieser Optionen möchten.source_type: mono→ Frage, ob sie Schwarz, Weiß oder beides möchten.
Wenn der Benutzer eine Konvertierung ohne Angabe einer Variante anfordert, halte nach dem Prüfen der Optionen an und stelle die Frage; wähle nicht
defaultnur weil noch keine Wahl getroffen wurde. Fahre fort, nachdem der Benutzer geantwortet hat. Wenn der Benutzer explizit eine direkte Konvertierung ohne Nachfrage wünscht, verwendedefault. Details zu jeder Variante:references/variants.md. -
Konvertiere nach bestätigter Benutzerauswahl. Verwende nur die vom Benutzer gewählten Varianten mit
--variants, z.B.:python scripts/png2svg.py input.png out_dir --variants original,white --compareFüge--iconshinzu, wenn der Benutzer Favicons oder App-Icons wünscht. Für einen ganzen Ordner ersetzeinput.pngdurch den Ordnernamen. -
Lies den JSON-Bericht. Für jede Variante gibt es
similarity_pctundaudit.similarity_pct≥ 97 undaudit.verdict=ok→ Fertig.- Andernfalls passe
--colorsoder--specklegemäßreferences/tuning.mdan, maximal 3 Versuche. similarity_pct: nullbedeutet, dass kein Renderer verfügbar ist: Das Ergebnis wird trotzdem erstellt, weise darauf hin, dass die visuelle Prüfung übersprungen wird.- Wenn das Bild sichtbar ist, öffne
*_compare.png(links = Ziel, rechts = Ergebnis).
-
Übergib das Ergebnis. Gib die SVG-Dateien pro Variante (und den Ordner
icons/falls angefordert) mit einer kurzen Zusammenfassung aus: Methode, Ähnlichkeit, Größe und Hinweise ausnotesoderaudit.issues.
Regeln
- Verändere niemals die Originaldatei; schreibe immer in einen Ausgabeordner.
- Die Varianten Weiß/Schwarz sind einfarbige Silhouetten. Detailunterschiede in den Formen verschmelzen dabei; weise den Benutzer darauf hin, falls das Logo solche Details enthält.
- Zusätzliche Skripte:
scripts/svg_audit.py(prüft jedes SVG),scripts/render.py --which(zeigt verfügbare Renderer),scripts/variants.py(erzeugt Varianten aus bereits vorhandenen SVGs). - Integration der Checkboxen im AION-Dashboard:
references/aion-integration.md.