{"id":5902,"date":"2026-03-09T21:55:43","date_gmt":"2026-03-09T20:55:43","guid":{"rendered":"https:\/\/support.sparkles.io\/kennisbank\/how-to-eine-svg-erstellen\/"},"modified":"2026-10-28T14:25:20","modified_gmt":"2026-10-28T13:25:20","slug":"how-to-eine-svg-erstellen","status":"publish","type":"ht_kb","link":"https:\/\/support.sparkles.io\/de\/kennisbank\/how-to-eine-svg-erstellen\/","title":{"rendered":"Korrekte SVG-Dateien in Illustrator erstellen"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Anleitung: Korrekte SVG-Dateien in Adobe Illustrator erstellen<\/h2>\n\n<h2 class=\"wp-block-heading\">Was ist eine SVG-Datei?<\/h2>\n\n<p class=\"wp-block-paragraph\">Eine SVG (Scalable Vector Graphics) ist eine Vektordatei, die ohne Qualit\u00e4tsverlust skaliert werden kann. SVGs werden h\u00e4ufig verwendet f\u00fcr: <\/p>\n\n<ul class=\"wp-block-list\">\n<li>Stanzformen<\/li>\n\n\n\n<li>Silhouetten<\/li>\n\n\n\n<li>Icons<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Eine korrekt aufgebaute SVG vermeidet Probleme wie:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>fehlende Schriftarten<\/li>\n\n\n\n<li>Pixelbildung<\/li>\n\n\n\n<li>enorme Dateigr\u00f6\u00dfen<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Dokument erstellen<\/h2>\n\n<p class=\"wp-block-paragraph\">Neues Dokument erstellen<\/p>\n\n<p class=\"wp-block-paragraph\">Gehe zu:<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Datei \u2192 Neu<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">Empfohlene Einstellungen:<\/p>\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Einstellung<\/strong><\/td><td><strong>Wert<\/strong><\/td><\/tr><tr><td><strong>Farbmodus<\/strong><\/td><td>RGB (wird in der Druckerei in CMYK umgewandelt)<\/td><\/tr><tr><td><strong>Einheiten<\/strong><\/td><td>Pixel oder Millimeter (nach Belieben)<\/td><\/tr><tr><td><strong>Rastereffekte<\/strong><\/td><td>300 dpi<\/td><\/tr><tr><td><strong>Zeichenfl\u00e4che<\/strong><\/td><td>Exaktes Endma\u00df<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<h2 class=\"wp-block-heading\">Ausschlie\u00dflich mit Vektoren arbeiten<\/h2>\n\n<p class=\"wp-block-paragraph\">SVG unterst\u00fctzt:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Vektorformen<\/li>\n\n\n\n<li>Pfade<\/li>\n\n\n\n<li>Text (sofern in Pfade umgewandelt)<\/li>\n\n\n\n<li>einfache Effekte<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">SVG unterst\u00fctzt weniger gut:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>schwere Photoshop-Effekte<\/li>\n\n\n\n<li>komplexe Transparenz<\/li>\n\n\n\n<li>eingebettete Rasterbilder<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Kontrolle<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">Verwenden:<br\/>Ansicht \u2192 Pfadansicht<\/p>\n\n<p class=\"wp-block-paragraph\">So ist sofort sichtbar, ob alles ein Vektor ist.<\/p>\n\n<h2 class=\"wp-block-heading\">Text korrekt in Pfade umwandeln<\/h2>\n\n<p class=\"wp-block-paragraph\"><strong>Text umwandeln<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">Text ausw\u00e4hlen \u2192<br\/>Schrift \u2192 In Pfade umwandeln<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Tastenkombination:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Windows: Umschalt + Strg + O<\/li>\n\n\n\n<li>Mac: Umschalt + Cmd + O<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Vorteile:<\/strong><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Schriftarten bleiben exakt gleich<\/li>\n\n\n\n<li>Keine Font-Probleme<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Nachteil<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">Text ist nicht mehr bearbeitbar.<\/p>\n\n<p class=\"wp-block-paragraph\">Speichern Sie daher immer zus\u00e4tzlich eine .ai-Quelldatei.<\/p>\n\n<h2 class=\"wp-block-heading\">Saubere Ebenen und Gruppen verwenden<\/h2>\n\n<p class=\"wp-block-paragraph\">Eine saubere Struktur vermeidet Exportprobleme.<\/p>\n\n<p class=\"wp-block-paragraph\">Empfohlen:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>klare Ebenennamen<\/li>\n\n\n\n<li>unbenutzte Objekte entfernen<\/li>\n\n\n\n<li>ausgeblendete Ebenen entfernen<\/li>\n\n\n\n<li>Objekte bei Bedarf gruppieren<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Pfade bereinigen<\/h2>\n\n<p class=\"wp-block-paragraph\">Viele SVG-Probleme entstehen durch unordentliche Pfade.<\/p>\n\n<p class=\"wp-block-paragraph\">Verwenden:<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Objekt \u2192 Pfad \u2192 Vereinfachen<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">Hiermit:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>reduzieren Sie Ankerpunkte<\/li>\n\n\n\n<li>verkleinern Sie die Datei<\/li>\n\n\n\n<li>verbessern Sie die Performance<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Effekte vermeiden<\/h2>\n\n<p class=\"wp-block-paragraph\">Nicht alle Illustrator-Effekte funktionieren gut in SVG.<\/p>\n\n<p class=\"wp-block-paragraph\">Vermeiden Sie nach M\u00f6glichkeit:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Gau\u00dfscher Weichzeichner<\/li>\n\n\n\n<li>komplizierte Masken<\/li>\n\n\n\n<li>3D-Effekte<\/li>\n\n\n\n<li>Gitter-Verl\u00e4ufe<\/li>\n\n\n\n<li>komplexe Transparenz<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Verwenden Sie lieber:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>einfache Vektorformen<\/li>\n\n\n\n<li>einfarbige Fl\u00e4chen<\/li>\n\n\n\n<li>einfache Verl\u00e4ufe<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Zeichenfl\u00e4che an die Abbildung anpassen<\/h2>\n\n<ol class=\"wp-block-list\">\n<li>Ganze Abbildung ausw\u00e4hlen<\/li>\n\n\n\n<li>Doppelklick auf Zeichenfl\u00e4che-Werkzeug in der Werkzeugleiste<\/li>\n\n\n\n<li>Bei Voreinstellung auf \u201eAn Illustrationsbegrenzungen anpassen\u201c klicken<\/li>\n\n\n\n<li>OK klicken<\/li>\n<\/ol>\n\n<figure class=\"wp-block-image size-large is-resized\"><img  title=\"\" fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"647\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Canvas-1024x647.png\"  alt=\"Canvas-1024x647 Korrekte SVG-Dateien in Illustrator erstellen\"  class=\"wp-image-6898\" style=\"aspect-ratio:1.5827126328495305;width:582px;height:auto\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Canvas-1024x647.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Canvas-300x190.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Canvas-768x486.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Canvas-50x32.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Canvas-1536x971.png 1536w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Canvas-2048x1295.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\">SVG richtig speichern<\/h2>\n\n<p class=\"wp-block-paragraph\">Gehe zu:<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Datei \u2192 Speichern unter<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">W\u00e4hlen:<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>SVG<\/strong><\/p>\n\n<h2 class=\"wp-block-heading\">SVG-Exporteinstellungen<\/h2>\n\n<p class=\"wp-block-paragraph\">Empfohlene Einstellungen<\/p>\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Einstellung<\/strong><\/td><td><strong>Wert<\/strong><\/td><\/tr><tr><td><strong>SVG-Profil<\/strong><\/td><td>SVG 1.1<\/td><\/tr><tr><td><strong>Schriftarten<\/strong><\/td><td>SVG (Schriftarten sind nicht m\u00f6glich)<\/td><\/tr><tr><td><strong>Bilder<\/strong><\/td><td>Einbetten<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<figure class=\"wp-block-image size-large is-resized\"><img  title=\"\" decoding=\"async\" width=\"1024\" height=\"626\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Opslaan-1024x626.png\"  alt=\"Opslaan-1024x626 Korrekte SVG-Dateien in Illustrator erstellen\"  class=\"wp-image-6899\" style=\"aspect-ratio:1.6368784824772402;width:616px;height:auto\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Opslaan-1024x626.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Opslaan-300x183.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Opslaan-768x469.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Opslaan-50x31.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Opslaan-1536x938.png 1536w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Opslaan.png 1830w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\">H\u00e4ufige Fehler<\/h2>\n\n<p class=\"wp-block-paragraph\"><strong>Fehler: Text verschwindet<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">Ursache: Schriften nicht in Pfade umgewandelt.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Fehler: Datei ist enorm gro\u00df<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">Ursache: Zu viele Ankerpunkte oder Bilder.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Fehler: Farben sehen anders aus<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">Ursache: CMYK statt RGB verwendet.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Fehler: SVG wird im Editor oder im Druck-PDF anders angezeigt<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">Ursache: Komplexe Effekte oder Clipping-Masken.<\/p>\n\n<h2 class=\"wp-block-heading\">Wann keine SVG verwenden?<\/h2>\n\n<p class=\"wp-block-paragraph\">Verwenden Sie lieber PNG\/JPG, wenn:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>es sich um Fotos handelt<\/li>\n\n\n\n<li>viele komplexe Effekte vorhanden sind<\/li>\n\n\n\n<li>das Design vollst\u00e4ndig rasterbasiert ist<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Zusammenfassung<\/h2>\n\n<p class=\"wp-block-paragraph\">\u2705 verwendet Vektoren<\/p>\n\n<p class=\"wp-block-paragraph\">\u2705 ist in RGB angelegt<\/p>\n\n<p class=\"wp-block-paragraph\">\u2705 hat Pfadtexte<\/p>\n\n<p class=\"wp-block-paragraph\">\u2705 enth\u00e4lt saubere Pfade<\/p>\n\n<p class=\"wp-block-paragraph\">\u2705 verwendet wenige Effekte<\/p>\n\n<p class=\"wp-block-paragraph\">\u2705 ist korrekt exportiert<\/p>\n\n<p class=\"wp-block-paragraph\">\u2705 ist im Editor getestet<\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"qua-blog-post-description\">Anleitung: Korrekte SVG-Dateien in Adobe Illustrator erstellen Was ist eine SVG-Datei? Eine SVG (Scalable Vector Graphics) ist eine Vektordatei, die ohne Qualit\u00e4tsverlust skaliert werden kann. SVGs werden h\u00e4ufig verwendet f\u00fcr: Eine korrekt aufgebaute SVG vermeidet Probleme wie: Dokument erstellen Neues Dokument erstellen Gehe zu: Datei \u2192 Neu Empfohlene Einstellungen: Einstellung Wert Farbmodus RGB (wird in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6902,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"ht-kb-category":[518],"ht-kb-tag":[754,546,593,710,711],"class_list":["post-5902","ht_kb","type-ht_kb","status-publish","format-standard","has-post-thumbnail","hentry","ht_kb_category-personalisierung-drucktechniken","ht_kb_tag-dateiformat","ht_kb_tag-design-live-schalten","ht_kb_tag-editor-basics","ht_kb_tag-svg","ht_kb_tag-svg-erstellen"],"acf":[],"featured_img":"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Resultaat.png","coauthors":[],"author_meta":{"author_link":"https:\/\/support.sparkles.io\/de\/author\/admin\/","display_name":"Sparkles Support"},"relative_dates":{"created":"Ver\u00f6ffentlicht 8\u00a0Monaten vor","modified":"Aktualisiert 2\u00a0Wochen vor"},"absolute_dates":{"created":"Ver\u00f6ffentlicht am 09\/03\/2026","modified":"Aktualisiert am 28\/10\/2026"},"absolute_dates_time":{"created":"Ver\u00f6ffentlicht am 09\/03\/2026 21:55","modified":"Aktualisiert am 28\/10\/2026 14:25"},"featured_img_caption":"","tax_additional":{"ht_kb_category":{"linked":["<a href=\"https:\/\/support.sparkles.io\/de\/artikel-categorieen\/personalisierung-drucktechniken\/\" class=\"advgb-post-tax-term\">Personalisierung &amp; Drucktechniken<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Personalisierung &amp; Drucktechniken<\/span>"],"slug":"ht_kb_category","name":"Artikelkategorien"},"ht_kb_tag":{"linked":["<a href=\"https:\/\/support.sparkles.io\/de\/artikel-tags\/dateiformat\/\" class=\"advgb-post-tax-term\">Dateiformat<\/a>","<a href=\"https:\/\/support.sparkles.io\/de\/artikel-tags\/design-live-schalten\/\" class=\"advgb-post-tax-term\">Design live schalten<\/a>","<a href=\"https:\/\/support.sparkles.io\/de\/artikel-tags\/editor-basics\/\" class=\"advgb-post-tax-term\">Editor Basics<\/a>","<a href=\"https:\/\/support.sparkles.io\/de\/artikel-tags\/svg\/\" class=\"advgb-post-tax-term\">SVG<\/a>","<a href=\"https:\/\/support.sparkles.io\/de\/artikel-tags\/svg-erstellen\/\" class=\"advgb-post-tax-term\">SVG erstellen<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Dateiformat<\/span>","<span class=\"advgb-post-tax-term\">Design live schalten<\/span>","<span class=\"advgb-post-tax-term\">Editor Basics<\/span>","<span class=\"advgb-post-tax-term\">SVG<\/span>","<span class=\"advgb-post-tax-term\">SVG erstellen<\/span>"],"slug":"ht_kb_tag","name":"Artikelschlagworte"}},"series_order":"","_links":{"self":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb\/5902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/comments?post=5902"}],"version-history":[{"count":3,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb\/5902\/revisions"}],"predecessor-version":[{"id":10202,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb\/5902\/revisions\/10202"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/media\/6902"}],"wp:attachment":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/media?parent=5902"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb-category?post=5902"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=5902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}