Wandle SVG in JPG um – auf der Hintergrundfarbe deiner Wahl
Füge SVG-Dateien hinzu oder SVG-Code ein, leg Größe, Hintergrundfarbe und JPG-Qualität fest und erhalte JPGs zurück. Alles passiert in deinem eigenen Browser, es wird also keine Datei hochgeladen.
- Läuft in deinem Browser – kein Upload
- Kostenlos, ohne Anmeldung
- Nimmt SVG-Dateien oder eingefügten Code
- 20 Dateien pro Stapel, je 20 MB
Größe
1× ist die Größe, die das SVG selbst angibt. Jede Datei wird mit den Einstellungen umgewandelt, die bei ihrem Start gelten – eine Änderung hier gilt also auch für Dateien, die noch in der Liste warten.
Skalierung
Jede Zahl über 0, etwa 1,5 oder 0,5.
Oder eine Seite in Pixeln festlegen
Gib eine Breite oder eine Höhe an; die andere Seite richtet sich nach der Form des jeweiligen SVG.
Größte Ausgabe: 16384 px pro Seite und höchstens 8192 × 8192 px Fläche.
JPG kann keine Transparenz speichern, deshalb werden transparente Bereiche des SVG mit dieser Farbe gefüllt.
Qualität
85Höher hält Kanten und feine Linien schärfer; niedriger ergibt eine kleinere Datei.
SVG-Dateien hierher ziehen oder klicken zum Auswählen
Akzeptiert: SVG.
Bis zu 20 Dateien, 20 MB pro Datei
So wandelst du SVG in JPG um
Größe, Hintergrund und Qualität festlegen
Wähle eine Skalierung oder eine Breite in Pixeln, dann die Farbe, die die transparenten Bereiche des SVG füllt (anfangs Weiß), und die JPG-Qualität. 85 passt für die meisten Grafiken.
SVGs hinzufügen
Zieh bis zu 20 SVG-Dateien hinein oder füge SVG-Code unter „Code einfügen“ ein. Jedes wird in der festgelegten Größe auf die Hintergrundfarbe gemalt.
JPGs speichern
Lade jedes JPG herunter, mit seiner Pixelgröße im Namen, oder den ganzen Stapel als ZIP. Änderst du danach eine Einstellung, bietet die Liste an, die fertigen Dateien damit neu zu erstellen.
SVG-in-JPG-Größen für Web und Druck
Für ein JPG zählen die größeren Breiten unten in der Tabelle: Webseiten, Folien, Dokumente und Drucke, wo ein deckendes Bild auf einem bekannten Hintergrund passt. Die kleinen Icon-Zeilen brauchen dagegen meist die Transparenz eines PNG. Keine dieser Breiten ist die Vorgabe einer Website. Wähl eine Zeile und der Konverter übernimmt ihre Breite.
| Breite | Typische Verwendung | Diese Breite im Konverter übernehmen |
|---|---|---|
| 16 px | Die klassische Favicon-Größe für den Browser-Tab. | |
| 32 px | Ein Favicon für hochauflösende Bildschirme und Lesezeichenleisten. | |
| 48 px | Eine größere Favicon-Größe, die oft für Desktop-Verknüpfungen mitgeliefert wird. | |
| 180 px | Die übliche Größe eines Home-Bildschirm-Icons auf iPhone und iPad (apple-touch-icon). | |
| 192 px | Ein gängiges Icon im Manifest einer Web-App, angezeigt auf Android-Startbildschirmen. | |
| 512 px | Das große Icon im Manifest einer Web-App, das auch bei der Installation und für den Ladebildschirm verwendet wird. | |
| 1024 px | Ein scharfes Logo oder eine Illustration für Webseiten, Dokumente und Folien. | |
| 2048 px | Grafiken für hochauflösende Displays und kleine Drucke. | |
| 4096 px | Große Drucke und Banner. Bei dieser Breite überschreitet nur ein SVG, das mehr als viermal so hoch wie breit ist, das Größenlimit. |
16 px
Die klassische Favicon-Größe für den Browser-Tab.
32 px
Ein Favicon für hochauflösende Bildschirme und Lesezeichenleisten.
48 px
Eine größere Favicon-Größe, die oft für Desktop-Verknüpfungen mitgeliefert wird.
180 px
Die übliche Größe eines Home-Bildschirm-Icons auf iPhone und iPad (apple-touch-icon).
192 px
Ein gängiges Icon im Manifest einer Web-App, angezeigt auf Android-Startbildschirmen.
512 px
Das große Icon im Manifest einer Web-App, das auch bei der Installation und für den Ladebildschirm verwendet wird.
1024 px
Ein scharfes Logo oder eine Illustration für Webseiten, Dokumente und Folien.
2048 px
Grafiken für hochauflösende Displays und kleine Drucke.
4096 px
Große Drucke und Banner. Bei dieser Breite überschreitet nur ein SVG, das mehr als viermal so hoch wie breit ist, das Größenlimit.
Höhen stehen nicht dabei, weil jedes SVG seine eigene Form behält: Ein quadratisches Icon wird quadratisch, und ein Logo, das doppelt so breit wie hoch ist, wird halb so hoch wie die Breite.
Was sich ändert, wenn aus einem SVG ein JPG wird
Ein JPG kann keine Transparenz speichern, und es gibt ein wenig Detail auf, um klein zu bleiben. Diese beiden Tatsachen und die Schriften, die die Zeichnung verwendet, bestimmen, wie das Ergebnis aussieht.
Transparentes SVGGefülltes JPG Der Hintergrund füllt die Lücken
Wo das SVG transparent ist, braucht ein JPG trotzdem eine Farbe. Der Konverter malt zuerst deine Hintergrundfarbe und zeichnet das SVG darüber; ohne diesen Schritt füllt ein Browser diese Bereiche mit Schwarz.
Stimm den Hintergrund auf die Seite, Folie oder das Angebot ab, auf dem das JPG landet, damit weiche Kanten und Schatten darin aufgehen.
Hohe QualitätNiedrige Qualität Qualität und flache Farben
Die JPG-Kompression ist für Fotos gemacht. Auf den flachen Farben und harten Kanten, aus denen die meisten SVGs bestehen, hinterlässt sie leichte Schlieren um Linien und Buchstaben, und je niedriger die Qualität, desto mehr.
Lass die Qualität für Logos und Text bei 85 oder höher; für flache Grafiken, die winzig sein müssen, ist ein PNG oft kleiner und sauberer.
Schrift vorhandenErsatzschrift Schrift und Kompression
Die Buchstaben werden beim Umwandeln gezeichnet, mit einer hier installierten oder im SVG eingebetteten Schrift; ein Webfont, auf den das SVG nur verweist, wird nicht abgerufen, und eine Ersatzschrift springt ein. Danach arbeitet die JPG-Kompression auf den gezeichneten Buchstaben, und an dünnen Strichen und kleinem Text zeigen sich ihre Schlieren zuerst.
Wandle den Text vor dem Export des SVG in Pfade um, und stell die Qualität höher, wenn das JPG kleine Schrift enthält.
So wird ein JPG aus einem SVG sauber
Jedes JPG ist deckend, deshalb ist die Hintergrundfarbe die wichtigste Einstellung. Sie beginnt mit Weiß. Kommt das JPG auf eine farbige Seite, Folie oder ein Produktangebot, stell diese Farbe hier ein, damit weiche Kanten und Schatten in ihr aufgehen statt in einem weißen Rand.
Sollen die transparenten Bereiche transparent bleiben, etwa bei einem Logo auf Hintergründen in unterschiedlichen Farben, ist JPG das falsche Format: wandle das SVG stattdessen in PNG um, das sie behält.
Der Qualitätsregler wägt die Dateigröße gegen diese Schlieren an den Kanten ab. Um unter ein bestimmtes Upload-Limit zu kommen, statt am Regler zu raten, wandle mit hoher Qualität um und komprimiere das JPG dann auf eine Zieldateigröße.
Text ist die andere häufige Überraschung. Auf diesem Gerät installierte und im SVG eingebettete Schriften werden verwendet, aber eine aus dem Web verlinkte Schrift wird nicht geladen, deshalb kann sich die Schrift ändern. Wandle den Text vor dem Export des SVG in Pfade um, wann immer er genau stimmen muss.
Grenzen, die du kennen solltest
- Eingabe: SVG-Dateien oder eingefügter SVG-Code, höchstens 20 pro Stapel und 20 MB pro Datei oder eingefügtem Code.
- Ausgabe: ein JPG bis zu 16384 px pro Seite und 8192 × 8192 px Fläche. Eine größere Angabe wird abgelehnt, noch bevor der Hintergrund gemalt wird.
- Keine Transparenz, keine Animation: Transparente Bereiche bekommen die Hintergrundfarbe, und aus einem animierten SVG wird ein einziger Moment als Standbild, den der Browser auswählt.
- Chrome, Edge und Safari exportieren kein JPG aus einem SVG mit HTML darin (einem foreignObject-Element), egal bei welchem Hintergrund oder welcher Qualität; Firefox schon.
Häufige Fragen zu SVG in JPG
Wird mein SVG beim Umwandeln in JPG irgendwohin hochgeladen?
Nein. Hintergrundfüllung, Zeichnen und JPG-Kompression laufen in diesem Browser-Tab, deshalb gelangt weder die Datei noch eingefügter Code auf einen Server. Was die Seite währenddessen lädt, ist ihr eigener Code, etwa die ZIP-Bibliothek bei deinem ersten ZIP-Download, nie deine Grafik. Bilder und Schriften, auf die das SVG verweist, werden gar nicht angefordert.
Wie wandle ich SVG mit weißem Hintergrund in JPG um?
Weiß ist die Voreinstellung, die transparenten Bereiche des SVG werden also ohne jede Änderung weiß. Für eine andere Farbe wähl sie über das Farbfeld aus oder gib ihren Hex-Wert in den Einstellungen über dem Dateibereich ein. Bereits umgewandelte Dateien lassen sich dann aus der Liste mit der neuen Farbe neu erstellen.
Welche JPG-Qualität sollte ich für ein SVG nehmen?
85, die Voreinstellung, passt für die meisten Grafiken. Logos, Strichzeichnungen und kleiner Text zeigen Kompressionsschlieren früher als Fotos, nimm für sie also 90 oder mehr. Niedrigere Werte ergeben kleinere Dateien mit sichtbar weicheren Kanten.
Kann ich aus einem SVG ein großes, hochauflösendes JPG machen?
Ja. Gib die benötigte Breite in Pixeln ein oder wähle eine Skalierung wie 4×. Das SVG wird in dieser Größe neu gezeichnet statt gestreckt, deshalb bleiben die Kanten bis 16384 px pro Seite und 8192 × 8192 px Fläche scharf. Ein großes JPG kann schwer werden: Senke die Qualität etwas oder komprimiere es danach auf eine Zieldateigröße, statt in kleinerer Größe umzuwandeln.
Warum sieht die Schrift in meinem JPG falsch aus?
Entweder fehlt die Schrift, oder die Buchstaben sind verschmiert. Fehlt die Schrift, nennt das SVG eine, die dieses Gerät nicht hat, ohne sie einzubetten, und verlinkte Webfonts werden beim Umwandeln nicht geladen, deshalb setzt der Browser eine andere ein. Bette die Schrift ein oder wandle den Text in deinem Designprogramm in Pfade um, und wandle erneut um. Stimmt die Schrift, aber die Kanten sind unscharf, liegt es an der JPG-Kompression: Stell die Qualität höher.
Was bedeutet der Fehler wegen HTML-Inhalt?
Das SVG bettet HTML über ein foreignObject-Element ein; manche Diagramm-Apps exportieren ihre Textbeschriftungen so. Eine andere Hintergrundfarbe oder Qualität hilft nicht: Chrome, Edge und Safari lassen keine Zeichnung speichern, die HTML enthält. Wandle die Datei in Firefox um, das es erlaubt, oder ersetze diesen Teil durch reinen SVG-Text und -Formen und füge die Datei erneut hinzu.
Kann ich SVG-Code statt einer Datei umwandeln?
Ja. Öffne „Code einfügen“, füge das Markup ein und wähle „Code umwandeln“; bis zu 20 MB Code auf einmal. Auch Code, der aus dem HTML einer Webseite kopiert wurde, funktioniert, selbst ohne xmlns-Attribut: Der Konverter findet das SVG darin und vervollständigt es vor dem Zeichnen.
Was du als Nächstes tun kannst
- SVG in PNGSollen die transparenten Bereiche bleiben? Wandle dasselbe SVG stattdessen in PNG um.
- Bild komprimierenJPG über einem Upload-Limit? Komprimiere es auf eine exakte Dateigröße.
- Bildformat konvertierenBrauchst du WebP oder AVIF für eine Webseite? Wandle die JPGs als Stapel um.
- Bildgröße ändernBring das JPG auf eine exakte Fläche, aufgefüllt oder beschnitten, für ein Angebot oder eine Folie.
- Bild hochskalierenHast du von der Grafik nur eine kleine Rasterkopie? Skaliere sie hoch, bevor du sie verwendest.
Mach jetzt aus deinem SVG ein JPG
Wähl eine Hintergrundfarbe und eine Qualität, zieh deine SVGs herein oder füge den Code ein und speichere JPGs für Webseiten, Folien und Druck. Nichts verlässt dieses Gerät.