Aktualisiert 27. August 2026
Wie man eine SVG in ein 3D-Logo konvertiert
Eine SVG ist die beste Datei, von der man ausgehen kann: 3DLogo.io liest ihre Pfade direkt, extrudiert sie bis zur von dir definierten Tiefe und wendet ein Material an, sodass das fertige 3D-Logo genau den Umriss hat, den deine Vektordatei hatte. Lade die SVG im Editor hoch, wähle ein Finish wie Chrom, Gold oder Glas und exportiere eine PNG, eine GLB oder eine MP4-Schleife.
Der Mechanismus ist wichtig, weil er den Qualitätsunterschied erklärt. Ein SVG beschreibt die Marke bereits als mathematische Kurven. Der Editor wandelt diese Kurven in ein Netz um und verschiebt es entlang der Tiefenachse, sodass die Kanten bei jeder Größe scharf bleiben und eine saubere Fase geschnitzt werden kann. Es wird nichts erraten. Ein PNG oder JPEG muss zuerst nachgezeichnet werden, um es in Kurven umzuwandeln, was eine Schätzung ist, wo die Kanten lagen.
Was der SVG enthalten sollte
| Anforderung | Warum, und was zu tun ist |
|---|---|
| Pfadverläufe, kein Text | Der lebendige Text eines SVG hat keinen Umriss zum Extrudieren. Konvertieren Sie den Text vor dem Export in Konturen (Illustrator: Text > Konturen erstellen; Figma: Flatten; Inkscape: Pfad > Objekt in Pfad umwandeln). Wenn die Datei keine zeichnbaren Formen enthält, meldet der Editor, dass keine Formen gefunden wurden. |
| Weniger als 1 MB | SVG-Uploads sind auf 1 MB begrenzt. Ein Logo benötigt fast nie mehr; eine so große Datei enthält meist ein eingebettetes Rasterbild oder Tausende von Pfadpunkten einer automatisch vektorisierten Fotografie. |
| Keine eingebetteten Skripte oder externen Verweise | Das SVG wird in deinem Browser analysiert, sodass alles, was Code ausführen oder eine entfernte Ressource anfordern könnte, abgelehnt wird, anstatt umgeschrieben zu werden: Script, foreignObject, XML-Entitäten, Inline-Event-Handler, javascript:-URLs, iframe, object, embed, meta, link, externe href-Werte und @import- oder url()-Styles von entfernten Quellen. Exportiere ein einfaches SVG, nur mit Pfaden. |
| Etwa 50 Pfade oder weniger | Die Anzahl der Pfade bestimmt die Größe des Meshes. Fünf oder weniger ist optimal, bis 20 funktioniert gut, von 21 bis 50 kann es auf alten Handygeräten langsam sein, und über 50 lehnt der Editor die Datei ab, weil das Mesh den Browser blockieren würde. Füge überlappende Formen zusammen und entferne versteckte Ebenen, um die Zahl zu senken. |
| Ein echtes viewBox | Die Marke passt sich an die Leinwand basierend auf dem viewBox an. Eine Datei, die auf 4000 px oder mehr exportiert wird und kein viewBox hat, kann mit einer seltsamen Skalierung ankommen; passe die Arbeitsfläche an die Marke an, bevor du exportierst. |
Wie man eine funktionierende SVG exportiert
- Illustrator: wähle die Illustration, Text > In Konturen umwandeln (Type > Create Outlines) und dann Objekt > Pfad > Bereinigen (Object > Path > Clean Up), um lose Punkte zu entfernen. Datei > Exportieren > Exportieren als > SVG, mit dem Stil unter Präsentationsattribute (Presentation Attributes), und deaktiviere Anpassbar (Responsive), damit ein viewBox geschrieben wird.
- Figma: wähle den Frame, Rechtsklick > Abflachen, falls Text noch live ist, und dann Export > SVG mit "Include id attribute" deaktiviert und "Outline text" aktiviert.
- Inkscape: Pfad > Objekt in Pfad (Path > Object to Path) auf die gesamte Auswahl anwenden, und dann Datei > Speichern unter > SVG einfach (Plain SVG), nicht SVG von Inkscape, das zusätzliche Bearbeitungs-Metadaten enthält.
- In jedem Werkzeug: wenn das Zeichen einen Ausschnitt oder eine Gegenform hat (das Loch eines „O“ oder „A“), behalte es als zusammengesetzten Pfad, damit das Loch bei der Extrusion bestehen bleibt und nicht gefüllt wird.
Wie man es auf 3DLogo.io macht
- Öffne den Editor. Es ist kein Konto erforderlich, um zu beginnen.
- Lass die SVG auf das Upload-Panel fallen oder benutze den Hochladen-Button.
- Wähle eine Materialvoreinstellung: Chrom, Gold, Glas, holografisch, gebürstetes Metall oder einen Verlauf.
- Passe die Tiefe und die Fase an und wähle dann eine Umgebung und einen Hintergrund. Füge Bewegung hinzu, wenn sich das Logo bewegen soll.
- Exportiere ein PNG für Standbilder, ein GLB oder glTF, um das 3D-Modell zu erhalten, OBJ oder STL für Desktop-Tools und Druck oder eine MP4-Schleife.
Bedingungen und Einschränkungen
Was durch das Hochladen eines SVG erzeugt wird, ist eine Extrusion in einer einzigen Farbe. Die Farben jeder Linie der Originaldatei werden nicht als separate Materialien übernommen; das gesamte Objekt nimmt die gewählte Voreinstellung an. Farbverläufe, Mischmodi, Filter und Schnittmasken des SVG werden ignoriert, also integriere diese vorher in die Form oder akzeptiere die flache Kontur. Kostenlose Exporte enthalten ein kleines 3dlogo.io-Logo und begrenzen Bilder auf 1024 px und Videos auf 480p.
Wenn eine Datei abgelehnt wird oder das Ergebnis falsch aussieht, listet die Fehlerbehebungsseite jede Nachricht auf, die der Editor anzeigen kann, und die Lösung für jede.
Fragen
- Kann jedes SVG in ein 3D-Logo umgewandelt werden?
- Jedes SVG, das weniger als 1 MB wiegt, Pfade enthält, die gezeichnet werden können anstelle von Live-Text, keine Skripte oder externen Referenzen hat und in der Nähe von 50 Pfaden liegt oder darunter. Diese vier Bedingungen decken fast alle exportierten Marken ab. Die übliche Ausnahme sind automatisch vektorierte Fotos in tausenden von Pfaden.
- Warum wird mein SVG hochgeladen, zeigt aber nichts an?
- Die übliche Ursache ist Live-Text, der nie in Konturen umgewandelt wurde, sodass die Datei zwar korrekt analysiert wird, aber keine Form zum Extrudieren hat. Die zweite Ursache ist eine Illustration außerhalb des ViewBoxes. Wandle den Text in Konturen um, schneide die Arbeitsfläche auf die Marke zu und exportiere erneut.
- Bleibt die Lücke eines Buchstabens in 3D geöffnet?
- Ja, wenn die Gegenform Teil einer zusammengesetzten Kontur mit der richtigen Füllregel ist, was standardmäßig von jedem Designwerkzeug geschrieben wird. Wenn eine Lücke gefüllt wird, wurde die Gegenform als überlagerte separate Form exportiert; wähle beide aus und erstelle eine zusammengesetzte Kontur, bevor du exportierst.
- Ist ein SVG besser als ein PNG für ein 3D-Logo?
- Ja, wenn du wählen kannst. SVG-Konturen werden mit der exakten Kontur extrudiert, sodass Kanten und Fasen bei jeder Exportgröße scharf bleiben. Ein PNG muss zuerst nachgezeichnet werden, was die Kanten annähert und vom Kontrast abhängt. Verwende ein PNG nur, wenn keine Vektordatei existiert.
- Kosten?
- Nein. Der Editor, alle Materialvoreinstellungen und der Export in PNG, GLB, OBJ, STL, USDZ und MP4 in 480p sind kostenlos und ohne Konto. Kostenlose Exporte tragen ein kleines 3dlogo.io-Wasserzeichen. Pro entfernt es und fügt Bilder in 2K und 4K sowie Video in 720p oder 1080p hinzu.
