Bildvergleich
16 helle Farben
16 dunkle Farben
Wähle ein Bild zum Vergleichen
Wähle ein Bild zum Vergleichen
OriginalSVG-AusgabeSo funktioniert es
Bild ablegen
Ziehe ein PNG, WebP, BMP, GIF oder JPEG auf die Upload-Fläche, klicke zum Durchsuchen oder wähle ein Beispiel. Bilder bis 1024 × 1024 Pixel werden unterstützt und nie skaliert.
Ausgabe anpassen
Entferne eine Hintergrundfarbe, fasse gleichfarbige Pixel zu zusammengesetzten Pfaden zusammen, reduziere die Palette per Posterisierung, behalte oder entferne Teiltransparenz und beschneide leere Ränder. Die Vorschau aktualisiert sich sofort.
Vergleichen und herunterladen
Prüfe Original und SVG nebeneinander, zoome hinein, fahre über eine Form, um ihre exakte Farbe zu sehen, und lade dann das SVG herunter.
Funktionen
1 Pixel = 1 SVG-Einheit
Breite, Höhe und viewBox entsprechen deinem Bild. Die gesamte Geometrie nutzt ganzzahlige Koordinaten und nur waagerechte und senkrechte Kanten: keine Kurven, Striche, Näherungen oder eingebetteten Rastergrafiken.
Zusammengesetzte Pfade
Pixel gleicher Farbe werden zu einem zusammengesetzten Pfad pro Farbe nachgezeichnet; Löcher bleiben über die Füllregel even-odd erhalten. Flächige Grafiken werden meist deutlich kleiner.
Posterisierung
Gewichtete Median-Cut-Farbreduktion von allen Originalfarben bis hinunter zu zwei, ohne Dithering und ohne einen einzigen Pixel zu verschieben.
Transparenz
Vollständig transparente Pixel werden weggelassen; Teiltransparenz wird zu fill-opacity oder kann auf volle Deckkraft gesetzt werden.
Transparente Ränder beschneiden
Leere äußere Zeilen und Spalten lassen sich optional entfernen, während Löcher im Motiv und blasse Pixel erhalten bleiben.
Privat by Design
Die Konvertierung läuft in einem Web Worker in deinem Browser. Deine Bilder werden nie auf einen Server hochgeladen.
Warum nicht Bildnachzeichner oder Bitmap nachzeichnen?
Allzweck-Vektorisierer wie der Bildnachzeichner von Illustrator, „Bitmap nachzeichnen“ in Inkscape oder potrace sind für Fotos und gescannte Zeichnungen gemacht. Sie legen glatte Kurven um jede Farbfläche, sodass die harten, eckigen Kanten von Pixel-Art zu runden Klecksen werden, ein Pixel breite Linien wackeln oder verschwinden und benachbarte Farben ineinanderlaufen.
Pixel to SVG passt keine Kurven an. Es folgt exakt der Grenze zwischen Pixeln unterschiedlicher Farbe im ganzzahligen Raster. Das SVG ist daher eine verlustfreie Kopie des Bildes: Skaliere es beliebig, und jeder Pixel bleibt perfekt quadratisch und scharf.
Häufige Fragen
Ist die Konvertierung wirklich verlustfrei?
Ja. Jeder Quellpixel wird zu genau einer SVG-Einheit und die Farben werden Byte für Byte übernommen (außer du posterisierst). Die Geometrie ist eine exakte Vereinigung von Pixelquadraten, daher gibt das SVG bei ganzzahliger Skalierung das Originalbild wieder.
Werden meine Bilder irgendwohin hochgeladen?
Nein. Dekodieren, Farbverarbeitung und SVG-Erzeugung laufen lokal in deinem Browser. Nichts wird an einen Server gesendet.
Welche Bildformate kann ich umwandeln?
PNG, WebP, BMP, GIF und JPEG bis 1024 × 1024 Pixel. Verlustfreies PNG wird empfohlen: JPEG-Kompression fügt Rauschfarben hinzu, und bei animierten Formaten wird das erste Bild verwendet.
Wie entferne ich den Hintergrund?
Aktiviere „Genau diese Farbe entfernen“ und gib die Hintergrundfarbe ein, zum Beispiel #FFFFFF. Entfernt werden nur Pixel mit genau diesem RGB-Wert. Bereits transparente Pixel bleiben immer transparent.
Warum ist meine SVG-Datei so groß?
Bilder mit vielen vereinzelten Farben, etwa mit Dithering, brauchen viele einzelne Formen. Posterisierung verringert die Zahl der Farben, und das Zusammenfassen gleichfarbiger Pixel hält einfarbige Flächen kompakt.
Sieht das SVG überall scharf aus?
Das SVG fordert scharfe Kanten an, daher passen ganzzahlige Zoomstufen perfekt zu den Bildschirmpixeln. Bei gebrochenen Skalierungen glätten manche Programme die Kanten zwischen Formen leicht.
