JPG in SVG umwandeln: echte Vektordatei ohne Hintergrund

Ein JPG in SVG umzuwandeln heißt, es zu vektorisieren: Die Formen deines Bildes werden als Pfade, also als klare Umrisse, neu gezeichnet, und der weiße Hintergrund muss dabei verschwinden. Packt ein Konverter das JPG nur in eine SVG-Datei, bleibt es eine Pixelgrafik, die beim Vergrößern genauso unscharf wird.

Wie wandelst du ein JPG in SVG um?

Ein JPG wandelst du in SVG um, indem du es in einen Vektorisierer lädst, der die Formen neu aufbaut und den Hintergrund entfernt, und das Ergebnis in starker Vergrößerung kontrollierst. Eine echte SVG-Datei ist eine Vektordatei: Statt Pixeln speichert sie Umrisse und Farbflächen, die sich ohne Qualitätsverlust vergrößern lassen. Was eine Vektorgrafik sonst noch ausmacht, erklären wir in einem eigenen Artikel.

Online klappt das in drei Schritten, ohne Installation:

1. Die sauberste Datei suchen. Nimm das größte JPG, das am seltensten neu gespeichert wurde: am besten das Original von der Agentur oder vom Grafiker, nicht die x-te Kopie aus einem Chat oder einer Präsentation.
2. Das JPG in einen Vektorisierer laden, der den Hintergrund entfernt. Er erkennt die Farbflächen, zeichnet ihre Konturen als Pfade nach und lässt das Weiß rund um das Logo weg.
3. Das Ergebnis vergrößern und auf dunklen Grund legen. Bei 400 oder 800 % müssen Rundungen und kleine Buchstaben glatt bleiben, und auf einer dunklen Fläche fällt jeder weiße Rest sofort auf.

Wie du die beste Vorlage findest und welches Format deine Druckerei erwartet, beschreibt unser Ratgeber zum Vektorisieren in drei Schritten ausführlich.

Warum hat ein JPG immer einen Hintergrund?

Ein JPG hat immer einen Hintergrund, weil das Format keine Transparenz kennt: JPEG-Dateien unterstützen laut Adobe keine transparenten Hintergründe. Was auf dem Bildschirm wie leerer Raum um dein Logo aussieht, besteht aus weißen Pixeln, die genauso zum Bild gehören wie die Buchstaben. Ein PNG kann dagegen einen transparenten Hintergrund speichern.

Trennt der Vektorisierer diesen Hintergrund nicht ab, wird er zu einer weiteren Form: einem weißen Rechteck hinter deinem Logo. Auf weißem Papier sieht das niemand. Auf einem schwarzen T-Shirt, einem dunkelblauen Trikot oder einer farbigen Vereinsfahne erscheint es als heller Kasten, und ein Schneideplotter schneidet es wie jede andere Kontur aus der Flexfolie mit.

Denk auch an die Innenräume der Buchstaben, etwa im O, im A oder im e. Das Weiß darin ist ebenfalls Hintergrund und muss durchsichtig werden, es sei denn, es gehört zum Design. Am schnellsten prüfst du das, indem du das SVG auf eine dunkle Fläche legst, zum Beispiel auf eine schwarze Seite in deinem Präsentations- oder Grafikprogramm.

Was sind JPG-Artefakte und warum stören sie beim Vektorisieren?

JPG-Artefakte sind Bildfehler, die durch die verlustbehaftete Kompression des Formats entstehen: sichtbare Blöcke, stufige Übergänge und unruhige Säume an harten Kanten. Ein Vektorisierer kann sie für Teile des Motivs halten und mitzeichnen.

Die JPEG-Kompression teilt das Bild in 8×8-Blöcke ein und spart Speicherplatz, indem sie Bildinformationen dauerhaft weglässt. Bei starker Kompression werden die Blöcke sichtbar, und in Bereichen mit hohem Kontrast entstehen wellenförmige Störungen, das sogenannte Ringing. Genau solche Kontraste stecken in einem Logo: dunkle Schrift auf hellem Grund, spitze Ecken, scharfe Farbwechsel. Laut Wikipedia wurde JPEG für natürliche Bilder wie Fotos entwickelt und eignet sich schlecht für digitale Strichzeichnungen mit vielen harten Kanten.

Im SVG zeigen sich die Artefakte als Sprenkel neben den Buchstaben, als zittrige Kanten an Rundungen oder als schmaler Rand in einem Zwischenton, der die Schrift umgibt.

Im JPG	Im SVG ohne Bereinigung	Was hilft
Weißer Hintergrund	Weißes Rechteck hinter dem Logo	Hintergrund beim Vektorisieren entfernen, auf dunklem Grund prüfen
Blockartefakte	Stufige Kanten an Rundungen	Eine weniger stark komprimierte Ausgangsdatei suchen
Ringing an harten Kanten	Sprenkel und Säume in Zwischentönen	Farbanzahl verringern, Reste von Hand löschen
Eingebettetes JPG statt Pfaden	Falsches SVG, im Zoom pixelig	Das JPG richtig vektorisieren

Was tun, wenn dein JPG stark komprimiert ist?

Ist dein JPG stark komprimiert, such zuerst nach einer besseren Version, denn die Qualität einer automatischen Vektorisierung hängt von der Qualität des Quellbildes ab. Die Originaldatei der Agentur, das PDF eines Flyers oder die Druckvorlage alter Visitenkarten enthalten oft mehr Details als die Kopie, die gerade im Umlauf ist.

Es bringt dagegen nichts, das JPG in höherer Qualität neu zu speichern: Laut dem Wikipedia-Artikel zu JPEG wird die Datei dadurch nur größer, und die verlorenen Bildinformationen kehren nicht zurück. Außerdem wird ein JPG bei jedem Öffnen und erneuten Speichern noch einmal verlustbehaftet komprimiert.

Gibt es keine bessere Datei, arbeite mit wenigen Farben. Vektorisierungsprogramme bieten dafür Einstellungen wie die Farbanzahl und eine Rauschunterdrückung. Je weniger Farben du zulässt, desto eher gehen die Zwischentöne an den Kanten in der Hauptfarbe auf. Einzelne Sprenkel, die übrig bleiben, löschst du in einem Vektorprogramm von Hand: Jeder ist dort eine eigene kleine Form.

Woran erkennst du ein falsches SVG?

Ein falsches SVG erkennst du daran, dass es in starker Vergrößerung pixelig wird: Es enthält dein JPG als eingebettetes Bild und keine Pfade. Technisch ist das erlaubt, denn ein SVG darf Rastergrafiken einbinden, und laut der SVG-Spezifikation des W3C müssen Programme, die SVG anzeigen, dabei mindestens PNG, JPEG und SVG unterstützen. Ein Konverter, der nur das Dateiformat wechselt, steckt dein JPG also in eine SVG-Hülle: Die Endung stimmt, vektorisiert ist nichts.

Drei Tests bringen Klarheit:

• Zoom-Test: Öffne die Datei im Browser und vergrößere sie so weit wie möglich. Werden die Kanten stufig oder verschwommen, stecken Pixel darin.
• Texteditor-Test: SVG ist ein XML-basiertes Format, das jeder einfache Texteditor öffnet. Weil der Pfad das Grundelement einer SVG-Grafik ist, besteht ein echtes SVG vor allem aus Zeilen wie <path d="M…"> voller Zahlen. Ein falsches enthält ein <image-Element mit einer langen Zeichenkette, die mit data:image/jpeg;base64, beginnt. Über eine solche Data-URL wird eine Datei direkt in ein Dokument eingebettet: Das ist dein JPG, als Text verpackt.
• Größen-Test: Beim Einbetten wird das JPG in Base64 umgewandelt, und dabei wächst die Datenmenge um 33 bis 36 %. Ist dein „SVG“ rund ein Drittel größer als das JPG, aus dem es stammt, ist das ein deutliches Warnzeichen.

Was eine SVG-Datei sonst noch enthalten kann und wofür du sie brauchst, erklärt unser Ratgeber zur SVG-Datei.

Welche JPGs lassen sich gut in SVG umwandeln?

Gut in SVG umwandeln lassen sich JPGs mit wenigen flächigen Farben und klaren Kanten: Logos, Vereinswappen, Icons, Schriftzüge und eingescannte Zeichnungen mit kräftigem Strich. Jede Farbfläche wird dabei zu einer sauberen Form, und das SVG sieht dem Original sehr ähnlich.

Schwierig wird es mit Fotos, und genau für sie wurde JPEG entwickelt. Laut Wikipedia wird die Datei beim Vektorisieren natürlicher Motive oft deutlich größer, schon für ein halbwegs akzeptables Ergebnis. Bei JPGs gilt das ganz besonders, weil das Format weiche Übergänge sehr effizient speichert. Aus Haut, Himmel und Schatten werden Farbflächen, aus dem Porträt wird eine plakative Illustration. Für ein Shirt-Motiv kann dieser Look gewollt sein, eine Kopie des Fotos ist er nie.

Ob du ein JPG oder ein anderes Bild in SVG umwandeln willst, die Regel bleibt dieselbe: Je klarer die Formen im Original, desto treuer das Ergebnis.

Kannst du ein JPG mit Illustrator oder Inkscape in SVG umwandeln?

Ja, ein JPG lässt sich auch mit Adobe Illustrator oder mit Inkscape in SVG umwandeln. Beide Programme vektorisieren Pixelbilder und lassen dich die Erkennung genauer einstellen als ein Online-Konverter, verlangen dafür aber Einarbeitung.

• Adobe Illustrator: Mit dem Bildnachzeichner machst du aus einem Rasterbild wie einem JPEG bearbeitbare Pfade. Das Bild muss dazu in dein Dokument eingebettet sein. Im Bedienfeld „Eigenschaften“ klickst du auf „Bildnachzeichner“, suchst dir eine Vorgabe aus und machst mit „Umwandeln“ Pfade daraus. Als SVG sicherst du das Ergebnis über „Datei > Exportieren > Exportieren als“.
• Inkscape: Die freie Software Inkscape läuft unter Windows, macOS und Linux, importiert JPEG-Dateien und vektorisiert Rastergrafiken. Seine Arbeitsdateien speichert Inkscape ohnehin im SVG-Format.

Welches Werkzeug du auch nimmst: Prüf am Ende, ob das Weiß um das Logo und in den Buchstaben wirklich verschwunden ist.

Welches SVG braucht deine Druckerei, Stickerei oder dein Plotter?

Deine Druckerei, deine Stickerei oder dein Plotter braucht ein SVG mit geschlossenen Formen, ohne Hintergrund und mit nicht mehr Farben, als dein Logo wirklich hat. Jede Farbe ist in der Werkstatt ein eigener Arbeitsgang: im Siebdruck auf Textilien ein eigenes Sieb, beim Plotten eine eigene Folie, in der Stickerei ein eigenes Garn.

Entstehen beim Vektorisieren eines verrauschten JPGs viele fast gleiche Zwischentöne, wird aus einem einfachen Logo deshalb eine aufwendige Datei. Leg solche Töne mit der Hauptfarbe zusammen und nenn der Druckerei die echten Farben deines Logos. Eine Stickerei stickt übrigens nicht direkt aus dem SVG, sie erstellt daraus erst eine Stickdatei: Je sauberer deine Vorlage, desto leichter gelingt ihr das.

Wo wandelst du ein JPG kostenlos und ohne Hintergrund in SVG um?

Kostenlos und ohne Hintergrund wandelst du ein JPG mit Depixelise in SVG um, denn dort wird der Hintergrund bei jeder Umwandlung automatisch entfernt. Das Weiß musst du also nicht selbst in einem Bildprogramm wegradieren.

Du ziehst dein JPG in das Feld oder wählst es auf deinem Gerät aus. Das Feld nimmt Dateien bis 10 MB an, neben JPG auch PNG, WebP und SVG. Auf dem Server laufen drei Schritte: Ein zu kleines Bild wird vergrößert, der Hintergrund wird entfernt, und die Konturen werden als Kurven nachgezeichnet. Nach etwa zehn Sekunden steht das SVG in Großansicht neben deinem JPG. Mit dem Schieberegler vergleichst du beide und zoomst bis auf 800 %. Als Hintergrund der Vorschau wählst du „Schachbrett“, „Dunkel“ oder „Hell“: Auf „Dunkel“ siehst du sofort, ob noch Weiß übrig ist. Depixelise ist 100 % kostenlos, funktioniert ohne Anmeldung und setzt kein Wasserzeichen.

Das Druckpaket kommt per E-Mail und enthält vier Dateien: das SVG selbst, ein PNG mit 2.000 px ohne Hintergrund, eine ganz schwarze Fassung für Stempel oder Gravur und eine ganz weiße für dunkle Stoffe.

Zwei Dinge solltest du wissen. Ein sehr kleines JPG wird automatisch vergrößert, und seine Formen werden neu aufgebaut: Prüf deshalb, ob jeder Buchstabe noch dem Original entspricht. Und bei einem stark komprimierten JPG lohnt sich bei 800 % ein genauer Blick auf die Kanten der Schrift, denn dort hinterlassen Artefakte am ehesten Spuren.

FAQ

Kann ich einfach die Dateiendung von .jpg in .svg ändern?

Nein, eine umbenannte Datei bleibt ein JPG: Im Inneren stehen weiter die komprimierten Bilddaten, während ein echtes SVG aus Text mit Formbeschreibungen besteht. Ein Programm, das ein SVG erwartet, kann mit diesem Inhalt nichts anfangen.

Sind JPG und JPEG dasselbe?

Ja, JPG und JPEG bezeichnen dasselbe Bildformat. Die häufigsten Dateiendungen sind .jpg und .jpeg; für die Umwandlung in SVG spielt die Schreibweise keine Rolle.

Verliert ein JPG beim Umwandeln in SVG an Qualität?

Ein JPG verliert beim Umwandeln in SVG keine Schärfe, wohl aber feine Farbabstufungen, weil ähnliche Töne zu Farbflächen zusammengefasst werden. Was die JPG-Kompression schon gelöscht hat, kommt nicht zurück. Die neuen Formen bleiben dafür in jeder Größe scharf, von der Visitenkarte bis zum Banner.

Lässt sich der Text nach dem Umwandeln noch ändern?

Den Text eines umgewandelten JPGs kannst du umfärben, vergrößern oder verschieben, aber nicht neu eintippen: Die Buchstaben sind gezeichnete Formen, keine Schrift. Für ein geändertes Wort brauchst du die Originalschrift und ein Vektorprogramm.

Ist ein automatisch erzeugtes SVG so gut wie eines vom Grafiker?

Für ein Logo aus klaren Formen ist ein automatisch erzeugtes SVG eine brauchbare Druckvorlage, sofern du es in starker Vergrößerung geprüft hast. Ein Grafiker lohnt sich bei komplexen Motiven mit feinen Verläufen oder wenn das Logo ohnehin überarbeitet werden soll, denn ein Konverter übernimmt die Fehler des Originals, etwa schiefe Buchstaben, gleich mit.