SVG in JPG umwandeln

Ein SVG hat keine Auflösung. Es ist eine Sammlung von Anweisungen — zeichne hier einen Kreis, füll diese Form mit dieser Farbe — und lässt sich in jeder Größe gleich scharf zeichnen. Ein JPG ist ein festes Raster aus Pixeln. Umwandeln heißt also, eine Größe zu wählen.

Die meisten Umwandler nehmen einfach die Breite, die sie im SVG vorfinden, und zeichnen stillschweigend in dieser Größe. Weil in vielen SVGs irgendein beliebiges Maß steht — eine Symbolgröße von 100 oder 200 Pixeln, hängen geblieben von dort, wo die Datei entstand — kommt Unbrauchbares heraus.

Denk von hinten: Wo landet das Bild am Ende. Für eine Webseite zeichne in der doppelten Größe des Platzes, in dem es zu sehen sein wird — Bildschirme mit hoher Dichte sind seit einem Jahrzehnt der Normalfall, und ein 400 Pixel breites Bild in einem 400 Pixel breiten Platz wirkt auf den meisten Bildschirmen weich.

Nach oben zu übertreiben ist billig, zu knapp zu bleiben nicht. Ein größer als nötig gezeichnetes JPG belegt etwas mehr Platz und lässt sich ohne sichtbaren Verlust verkleinern; ein zu klein gezeichnetes JPG kommt nicht zurück, weil das Detail nie geschrieben wurde.

Das JPG hat keinen Alphakanal. Nicht eingeschränkt — gar keinen. Jedes Pixel ist deckend, alles, was im SVG durchsichtig war, muss also mit etwas gefüllt werden, und Weiß ist die vernünftige Voreinstellung.

Und es ist auch die Voreinstellung, die das Scheitern erzeugt, an das man sich erinnert: Ein weißes oder sehr helles Logo, gedacht für dunklen Hintergrund, kommt als weißes Quadrat an, auf dem nichts zu sehen ist. Ändere die Füllfarbe unterhalb des Ergebnisses.

Die meisten SVGs sind Logos, Symbole und Diagramme: flächige Farbe und harte Kanten. Die JPEG-Komprimierung ist ausgerechnet bei diesem Inhalt am schlechtesten, denn sie wurde für Fotos gebaut, und an der scharfen Grenze zwischen zwei Farben hinterlässt sie Ränder und Schmutz.

Der ehrliche Rat lautet deshalb: Wandle in ein PNG um, sofern nicht ausdrücklich etwas ein JPG verlangt — und das kommt vor: Verkaufslistings, Einlieferungssysteme für den Druck, ältere Redaktionssysteme und manche Bürosoftware nehmen bis heute nichts anderes.

Ein SVG nennt üblicherweise eine Schrift und führt sie nicht mit. Wer die Datei erzeugt, muss sie haben, und resvg — was hier zeichnet — hat die Schriften deines Systems, nicht die aus dem Grafikprogramm.

Die fehlende Schrift wird also ersetzt, und ein sorgfältig ausgezeichnetes Logo kommt mit falschen Abständen an. Das Gegenmittel liegt im Grafikprogramm: Wandle den Text vor dem Export in Pfade um. Dann werden die Buchstaben zu Formen, und es bleibt nichts mehr zu ersetzen.

Formen, Linien, Füllungen und Verläufe kommen originalgetreu hinüber. Unsicheres Gelände sind die Filter — Weichzeichner und Schatten — und mit ihnen Mischmodi und aus anderen Masken gebaute Masken.

resvg deckt ab, was echte Dateien tatsächlich benutzen, und lässt weg, was nicht umgesetzt ist, statt es in etwas Ungefähres zu formen. Wenn ein Effekt für dich eine Bedeutung hat, sieh dir das JPG an, statt es anzunehmen.

Ein SVG kann per URL auf ein Foto, eine Schrift oder ein Stylesheet außerhalb zeigen. Hier geht nichts ins Internet, die verwiesene Datei existiert also schlicht nicht — und dieselbe Eigenschaft hält deine Zeichnung privat.

Das Symptom ist ein leeres Rechteck im JPG dort, wo ein Bild sein sollte. Exportiere das SVG neu und bette die Ressourcen ein, statt sie nur zu verknüpfen — dann reist die Zeichnung mit allem, wovon sie abhängt.

Die Größe folgt der Auflösung, die du gewählt hast, nicht dem SVG. Ein 3 KB großes Symbol, in 4000 Pixeln gezeichnet, ergibt ein JPG von mehreren Megabyte, denn die Datei ist jetzt keine Beschreibung mehr, sondern ein Pixelraster.

Für alles, was einem Foto ähnelt, ist eine Qualität um 85 die vernünftige Voreinstellung. Für ein Logo in flächiger Farbe ist die Frage falsch gestellt: Keine Qualitätseinstellung hindert JPEG daran, an einer harten Kante Ränder zu hinterlassen, und dort heißt die Antwort PNG.

Leg den kompletten Ordner hinein. Jedes SVG wird im selben Maßstab gezeichnet, und alle kommen als ZIP zurück — was für einen Symbolsatz oder einen Export-Schwung üblicherweise genau das ist, was gebraucht wird.

Das Zeichnen läuft auf deinem Rechner, es gibt also keine Grenze pro Datei und keine Warteschlange. Und weil hier resvg arbeitet und nicht das Canvas des Browsers, wird die letzte Datei genauso gezeichnet wie die erste.