SVG zu PDF
Konvertiere SVG-Vektorgrafiken — Logos, Icons, Diagramme, technische Zeichnungen — in ein einziges PDF-Dokument. Dateien werden in deinem Browser verarbeitet — sie verlassen nie dein Gerät.
SVG zu PDF konvertiert Scalable Vector Graphics — den W3C-Standard für Vektorbilder im Web — in ein einziges PDF-Dokument. SVGs werden im Hauptthread über die native Rendering-Engine des Browsers mit 2× DPI für Schärfe rasterisiert und dann mit pdf-lib in einem Web Worker zu einem PDF zusammengefügt. Das Ergebnis eignet sich sowohl für die Bildschirmanzeige als auch für den Druck, obwohl komplexe SVG-Funktionen (Filter, Masken, externe Ressourcen) unter Umständen nicht perfekt rasterisiert werden.
Was ist SVG zu PDF?
SVG (Scalable Vector Graphics) ist das vom W3C empfohlene Vektorbildformat, das für Logos, Icons, Diagramme, Charts, Infografiken und technische Zeichnungen verwendet wird. Anders als Rasterformate (JPG, PNG, WebP) speichert SVG Formen als mathematische Pfade, sodass es ohne Qualitätsverlust auf jede Größe skaliert. SVG ist seit <strong>2001</strong> eine W3C-Empfehlung und wird von jedem modernen Browser nativ unterstützt. Tools wie Figma, Sketch, Adobe Illustrator, Inkscape, D3.js und Mermaid exportieren alle SVG.
SVG in PDF zu konvertieren ist üblich, wenn du Vektorgrafiken mit einem Empfänger teilen musst, der keine Designsoftware hat, ein Logo in ein Word-Dokument einbetten oder ein Diagramm als druckbares Proof versenden möchtest. Die meisten Online-SVG-Konverter laden deine Datei auf einen Remote-Server hoch — was unangenehm ist, wenn das SVG ein vertrauliches Markenlogo, ein unveröffentlichtes Produkt-Mockup oder eine sensible technische Zeichnung ist. Dieses Tool führt die Konvertierung vollständig in deinem Browser aus; das SVG verlässt nie das Netzwerk.
Wie funktioniert die SVG-Konvertierung im Browser?
SVGs sind in Browser-Workern knifflig, weil createImageBitmap SVG-Blobs in Worker-Kontexten nicht dekodiert. Pikowl löst das durch Rasterisieren im Hauptthread: Jedes SVG wird über ein <img>-Element geladen (das der Browser mit seiner vollständigen SVG-Engine rendert), mit 2× DPI für Schärfe auf eine Canvas gezeichnet und dann als PNG-Blob exportiert. Das PNG wird an einen Web Worker gesendet, der mit pdf-lib in ein neues PDF-Dokument einbettet. Das PDF wird über URL.createObjectURL als herunterladbarer Blob angeboten. Es wird nichts an einen Server gesendet.
Ist es sicher, hier SVG-Logos und vertrauliche Grafiken zu konvertieren?
Ja. Öffne den Netzwerk-Tab in DevTools, während du das Tool benutzt — du wirst während der Konvertierung keine ausgehenden Anfragen sehen. SVGs werden lokal über die File API gelesen, von der lokalen SVG-Engine des Browsers gerendert, und das resultierende PDF lebt nur im Speicher deines Browsers, bis du es herunterlädst. Markenlogos, unveröffentlichte Produkt-Mockups und Konstruktionszeichnungen sind häufige SVG-Anwendungsfälle — die Konvertierung lokal zu halten ist wichtig.
Was ist mit versteckten Metadaten in SVGs?
SVG-Dateien können versteckte Textinhalte in <title>-, <desc>- und <metadata>-Tags enthalten — manchmal einschließlich Autoreninfo, Software-Version (generator="Adobe Illustrator 28.0"), interner Layer-Namen und sogar auskommentierter Entwürfe. Sie können auch externe Bildreferenzen über <image href="…">-Tags enthalten, die der Browser beim Rendern abruft. Da Pikowl das SVG vor dem Einbetten in ein PNG rasterisiert, werden all diese Metadaten verworfen — das PDF enthält nur das sichtbare Bild.
Welche Limits gelten und warum?
Bis zu 50 SVGs pro Konvertierung, 5 MB pro Datei, mit einer weichen Warnung bei 50 MB kombiniert und einer harten Obergrenze bei 100 MB. Das Pro-Datei-Limit ist viel kleiner als bei Rasterformaten, weil SVG-Komplexität nicht linear mit der Dateigröße skaliert — ein 5-MB-SVG mit Tausenden von Pfaden und komplexen Filtern kann mehrere Sekunden zum Rendern brauchen und während der Rasterisierung Hunderte MB Speicher verbrauchen. Die Dateianzahl ist hoch (50), weil typische SVGs (Logos, Icons) winzig sind.
Wie schneidet Pikowl gegenüber Smallpdf und iLovePDF für SVG ab?
Die wesentlichen Unterschiede sind Verarbeitungsort, Tageslimits und Preis. Smallpdf und iLovePDF bieten SVG zu PDF nicht als eigenständiges Tool an — beide leiten SVGs durch eine generische Bild-zu-PDF-Pipeline, die serverseitig neu rasterisiert. Die Zahlen unten spiegeln die öffentlichen Free-Tier-Angebote der jeweiligen Dienste mit Stand April 2026 wider.
| Funktion | Pikowl | Smallpdf | iLovePDF |
|---|---|---|---|
| Wo Dateien verarbeitet werden | Dein Browser | Remote-Server | Remote-Server |
| Anmeldung erforderlich | Nein | Optional | Optional |
| Ausgabequalität | Mit 2× DPI in deinem Browser rasterisiert | Serverseitig rasterisiert | Serverseitig rasterisiert |
| Max. Dateigröße (frei) | 25 MB | 5 MB | 200 MB (kombiniert) |
| Preis | Kostenlos | $9/Monat für unbegrenzt | $7/Monat für Premium |
Quellen: smallpdf.com/pricing und ilovepdf.com/pricing, abgerufen im April 2026.
Häufige Anwendungen
- Markenlogo-Proofs: Sende ein aus Figma exportiertes SVG-Logo als PDF zur Kundenfreigabe, ohne die bearbeitbare Quelldatei offenzulegen.
- Icon-Set-Archivierung: Bündele ein SVG-Icon-Set (Material, Phosphor, Lucide) zu einem einzigen PDF-Referenzblatt für Designer.
- Technische Diagramme: Konvertiere Mermaid- oder PlantUML-exportierte SVG-Sequenzdiagramme in ein druckbares PDF für Engineering-Dokumentation.
- Datenvisualisierungs-Exporte: D3.js- und Plotly-SVG-Diagramme werden zu PDF-Abbildungen für die Aufnahme in Forschungspapiere oder Berichte.
- Markenrichtlinien-Bundle: Logos in mehreren Größen und Ausrichtungen als ein PDF zur Übergabe an Druckereien.
- CAD-Vektor-Exporte: Konvertiere SVG-exportierte Grundrisse oder architektonische Diagramme in ein portables PDF.
FAQ
Werden SVGs im PDF als Vektoren erhalten?
Nein — sie werden vor dem Einbetten mit 2× DPI rasterisiert. PDFs unterstützen zwar eingebettete Vektorinhalte, aber eine SVG-zu-PDF-Vektor-Konvertierung im Browser würde eine viel schwerere Abhängigkeit erfordern (svg2pdf.js oder ähnlich), die wir bewusst vorerst ausgeschlossen haben. Das 2×-DPI-Raster sieht auf Standard-96-DPI-Bildschirmen scharf aus und druckt bei typischen Dokumentengrößen gut; wenn du echte Vektorerhaltung brauchst, nutze ein Desktop-Tool wie Inkscapes „Speichern unter PDF".
Warum 2× DPI-Raster?
2× ist ein Sweet Spot: Es liefert scharfe Ausgabe auf Retina/HiDPI-Bildschirmen und bei Druckgrößen bis A4, hält das resultierende PDF aber klein. Höhere DPI (3× oder 4×) würde geringfügig schärfere Druckausgabe liefern, aber das PDF dramatisch aufblähen. Niedrigere DPI (1×) würde auf modernen Bildschirmen weich aussehen.
Überleben SVG-Animationen im PDF?
Nein. SVG kann CSS-Animationen und SMIL-
Warum liegt das Dateigrößenlimit nur bei 5 MB?
Die SVG-Dateigröße sagt die Render-Komplexität schlecht voraus. Ein 1-MB-SVG mit Tausenden von Bezier-Pfaden, komplexen Verläufen und Filtern kann mehrere Sekunden zum Rasterisieren brauchen und während des Renderns Hunderte MB verbrauchen — weit schlimmer als ein 25-MB-JPEG. Die 5-MB-Obergrenze hält das Rendering-Risiko auf mobilen Geräten beherrschbar.
Werden SVG-Filter und -Verläufe korrekt gerendert?
Größtenteils ja — wir nutzen den nativen SVG-Renderer des Browsers, der die vollständige SVG-1.1-Spezifikation einschließlich Filter, Verläufe, Masken und Clip-Pfade unterstützt. SVG-2-Funktionen (neuere Filter-Primitive, fortgeschrittenes Text-Layout) werden möglicherweise nicht in allen Browsern gerendert. Wenn ein bestimmter Filter falsch aussieht, hilft es meist, das SVG vor dem Export in deinem Designtool zu vereinfachen.
Kann ich externe Bildreferenzen im SVG einschließen?
Externe <image href="https://…">-Referenzen können nicht geladen werden — Browser blockieren cross-origin-Bildabrufe in als Blobs geladenen SVGs. Um externe Bilder einzuschließen, betten sie als Data-URIs (data:image/png;base64,…) ins SVG ein, bevor du konvertierst. Dasselbe gilt für externe Schriftartreferenzen; nutze <text font-family="…"> mit Systemschriften oder konvertiere Text in deinem Designtool zu Pfaden.
Werden SVGs auf einen Server hochgeladen?
Nein. Die Konvertierung läuft vollständig in deinem Browser — öffne den Netzwerk-Tab in DevTools, und du wirst während des Prozesses keine ausgehenden Anfragen sehen. SVGs werden über die File API von deiner Festplatte gelesen, von der lokalen SVG-Engine des Browsers gerendert, mit pdf-lib in ein PDF eingebettet und als Download zurückgegeben.
In Zahlen
- SVG wurde im Jahr 2001 zu einer W3C-Empfehlung und wird seit IE9 (2011) von jedem großen Browser nativ unterstützt; heute ist es das dominierende Vektorformat im Web.
- Ein typisches Firmenlogo als SVG ist unter 5 KB, während das entsprechende PNG in Druckauflösung mehrere hundert KB groß ist — Vektor gewinnt sowohl bei Dateigröße als auch Schärfe bis ungefähr zur fotografischen Komplexität.
- Figma, Sketch, Adobe Illustrator, Inkscape und Affinity Designer exportieren alle natives SVG; D3.js, Mermaid, PlantUML und die meisten JavaScript-Charting-Bibliotheken produzieren ebenfalls SVG, was SVG zum Verbindungsformat zwischen Design und Code macht.