{"id":40068,"date":"2025-06-18T12:39:33","date_gmt":"2025-06-18T12:39:33","guid":{"rendered":"https:\/\/viavector.co\/was-ist-eine-svg-datei\/"},"modified":"2025-06-19T14:47:15","modified_gmt":"2025-06-19T14:47:15","slug":"svg-datei","status":"publish","type":"post","link":"https:\/\/viavector.co\/de\/svg-datei\/","title":{"rendered":"Was ist eine SVG-Datei?"},"content":{"rendered":"\n

Eine SVG-Datei (Scalable Vector Graphic) ist ein grafisches Bild, das ohne Qualit\u00e4tsverlust unbegrenzt vergr\u00f6\u00dfert und verkleinert werden kann. <\/strong><\/p>\n\n

Das liegt daran, dass das Bild aus Vektoren und nicht aus Pixeln besteht. Vektoren sind Pfade, die aus einem Anfangs- und einem Endpunkt und dazwischen einer Linie, einer Welle, einem Kreis oder einer anderen Form bestehen. Das Bild unten zeigt den Unterschied zwischen einer Pixeldatei (links) und einer SVG-Datei (rechts). <\/p>\n\n

\"\"<\/figure>\n\n

Wenn ein SVG vergr\u00f6\u00dfert wird, wird der Abstand zwischen den Pfaden neu berechnet und dann an das richtige Verh\u00e4ltnis angepasst. Schlie\u00dflich werden die Pfade erneut mit den entsprechenden Farben gef\u00fcllt. Auf diese Weise kann eine SVG-Datei unendlich vergr\u00f6\u00dfert werden, ohne dass die Qualit\u00e4t des Bildes darunter leidet. <\/p>\n\n

Gegenst\u00fcck zur SVG-Datei: Pixeldatei<\/h2>\n\n

Eine Pixeldatei (z.B. JPG oder PNG) ist das Gegenst\u00fcck zu einer SVG-Datei. Der Hauptunterschied zwischen den beiden ist, dass eine Pixeldatei bei der Vergr\u00f6\u00dferung blockartig wird, w\u00e4hrend eine SVG-Datei ohne Qualit\u00e4tsverlust unbegrenzt vergr\u00f6\u00dfert werden kann. Viele Dateien, die Sie im Internet finden, sind Pixeldateien. Und daher (oft) nicht f\u00fcr den Druck geeignet. <\/p>\n\n

Wof\u00fcr kann man SVG verwenden?<\/h2>\n\n

SVG-Dateien werden haupts\u00e4chlich auf Websites verwendet. Zum Beispiel, um Logos, Icons, einfache Grafiken und Animationen darzustellen.Diese Wahl wird oft getroffen, weil: <\/p>\n\n

    \n
  • Ein SVG ist das einzige Vektordateiformat, das auf Websites verwendet werden kann. Andere Vektordateien, wie EPS, AI oder PDF, sind f\u00fcr diesen Zweck nicht geeignet. <\/li>\n\n\n\n
  • Die Dateigr\u00f6\u00dfe einer SVG-Datei ist oft klein. Dadurch bleibt Ihre Website schnell. <\/li>\n<\/ul>\n\n

    Ich habe ein SVG, aber es ist immer noch nicht scharf, wie ist das m\u00f6glich?<\/h2>\n\n

    Das liegt daran, dass es sich eigentlich um eine Pixeldatei handelt, die als SVG gespeichert wird. Auf diese Weise \u00e4ndert sich nur der Dateityp (z. B. von PNG zu SVG). Das Wichtigste \u00e4ndert sich nicht: die Struktur der Datei. Diese bleibt in Pixeln statt in Vektoren. <\/p>\n\n

    Die L\u00f6sung ist einfach: Die Pixel in der Datei m\u00fcssen in Vektoren umgewandelt werden. Haben Sie keine Lust, dies selbst zu tun? Wir k\u00f6nnen Ihnen dabei helfen. <\/p>\n","protected":false},"excerpt":{"rendered":"

    Eine SVG-Datei (Scalable Vector Graphic) ist ein grafisches Bild, das ohne Qualit\u00e4tsverlust unbegrenzt vergr\u00f6\u00dfert und verkleinert werden kann. Das liegt daran, dass das Bild aus Vektoren und nicht aus Pixeln besteht. Vektoren sind Pfade, die aus einem Anfangs- und einem Endpunkt und dazwischen einer Linie, einer Welle, einem Kreis oder einer anderen Form bestehen. Das […]<\/p>\n","protected":false},"author":2,"featured_media":39643,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-40068","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nicht-kategorisiert"],"yoast_head":"\nWas ist eine SVG-Datei? - ViaVector<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/viavector.co\/de\/svg-datei\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Was ist eine SVG-Datei? - ViaVector\" \/>\n<meta property=\"og:description\" content=\"Eine SVG-Datei (Scalable Vector Graphic) ist ein grafisches Bild, das ohne Qualit\u00e4tsverlust unbegrenzt vergr\u00f6\u00dfert und verkleinert werden kann. Das liegt daran, dass das Bild aus Vektoren und nicht aus Pixeln besteht. Vektoren sind Pfade, die aus einem Anfangs- und einem Endpunkt und dazwischen einer Linie, einer Welle, einem Kreis oder einer anderen Form bestehen. Das […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/viavector.co\/de\/svg-datei\/\" \/>\n<meta property=\"og:site_name\" content=\"ViaVector\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/ViaVectorDesign\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-18T12:39:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-19T14:47:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Vector-File.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"ViaVector\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ViaVector\" \/>\n<meta name=\"twitter:site\" content=\"@ViaVector\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"ViaVector\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/svg-datei\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/svg-datei\\\/\"},\"author\":{\"name\":\"ViaVector\",\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/#\\\/schema\\\/person\\\/94fed2f5cd39196b25ab9bfc35ee3ae3\"},\"headline\":\"Was ist eine SVG-Datei?\",\"datePublished\":\"2025-06-18T12:39:33+00:00\",\"dateModified\":\"2025-06-19T14:47:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/svg-datei\\\/\"},\"wordCount\":351,\"publisher\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/svg-datei\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/viavector.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ViaVector-Vector-File.jpg\",\"articleSection\":[\"Nicht kategorisiert\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/svg-datei\\\/\",\"url\":\"https:\\\/\\\/viavector.co\\\/de\\\/svg-datei\\\/\",\"name\":\"Was ist eine SVG-Datei? - ViaVector\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/svg-datei\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/svg-datei\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/viavector.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ViaVector-Vector-File.jpg\",\"datePublished\":\"2025-06-18T12:39:33+00:00\",\"dateModified\":\"2025-06-19T14:47:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/svg-datei\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/viavector.co\\\/de\\\/svg-datei\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/svg-datei\\\/#primaryimage\",\"url\":\"https:\\\/\\\/viavector.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ViaVector-Vector-File.jpg\",\"contentUrl\":\"https:\\\/\\\/viavector.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ViaVector-Vector-File.jpg\",\"width\":1200,\"height\":800,\"caption\":\"ViaVector - Vector File (AI, SVG, EPS)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/svg-datei\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/viavector.co\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Was ist eine SVG-Datei?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/viavector.co\\\/de\\\/\",\"name\":\"ViaVector\",\"description\":\"Vectorize Your Images for Razor-Sharp Printing\",\"publisher\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/viavector.co\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/#organization\",\"name\":\"ViaVector\",\"url\":\"https:\\\/\\\/viavector.co\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/viavector.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ViaVector-Icon-Orange-Check.jpg\",\"contentUrl\":\"https:\\\/\\\/viavector.co\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ViaVector-Icon-Orange-Check.jpg\",\"width\":1080,\"height\":1080,\"caption\":\"ViaVector\"},\"image\":{\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/ViaVectorDesign\",\"https:\\\/\\\/x.com\\\/ViaVector\",\"https:\\\/\\\/instagram.com\\\/viavectordesign\",\"https:\\\/\\\/linkedin.com\\\/company\\\/viavector\",\"https:\\\/\\\/pinterest.com\\\/ViaVectorDesign\",\"https:\\\/\\\/youtube.com\\\/@viavector\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/viavector.co\\\/de\\\/#\\\/schema\\\/person\\\/94fed2f5cd39196b25ab9bfc35ee3ae3\",\"name\":\"ViaVector\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/39a867cfa1c3cd01f6855cc62fbd09ace12a8119b505f49bf35ccf23f42762a2?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/39a867cfa1c3cd01f6855cc62fbd09ace12a8119b505f49bf35ccf23f42762a2?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/39a867cfa1c3cd01f6855cc62fbd09ace12a8119b505f49bf35ccf23f42762a2?s=96&d=retro&r=g\",\"caption\":\"ViaVector\"},\"sameAs\":[\"https:\\\/\\\/viavector.co\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Was ist eine SVG-Datei? - ViaVector","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/viavector.co\/de\/svg-datei\/","og_locale":"de_DE","og_type":"article","og_title":"Was ist eine SVG-Datei? - ViaVector","og_description":"Eine SVG-Datei (Scalable Vector Graphic) ist ein grafisches Bild, das ohne Qualit\u00e4tsverlust unbegrenzt vergr\u00f6\u00dfert und verkleinert werden kann. Das liegt daran, dass das Bild aus Vektoren und nicht aus Pixeln besteht. Vektoren sind Pfade, die aus einem Anfangs- und einem Endpunkt und dazwischen einer Linie, einer Welle, einem Kreis oder einer anderen Form bestehen. Das […]","og_url":"https:\/\/viavector.co\/de\/svg-datei\/","og_site_name":"ViaVector","article_publisher":"https:\/\/facebook.com\/ViaVectorDesign","article_published_time":"2025-06-18T12:39:33+00:00","article_modified_time":"2025-06-19T14:47:15+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Vector-File.jpg","type":"image\/jpeg"}],"author":"ViaVector","twitter_card":"summary_large_image","twitter_creator":"@ViaVector","twitter_site":"@ViaVector","twitter_misc":{"Verfasst von":"ViaVector","Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/viavector.co\/de\/svg-datei\/#article","isPartOf":{"@id":"https:\/\/viavector.co\/de\/svg-datei\/"},"author":{"name":"ViaVector","@id":"https:\/\/viavector.co\/de\/#\/schema\/person\/94fed2f5cd39196b25ab9bfc35ee3ae3"},"headline":"Was ist eine SVG-Datei?","datePublished":"2025-06-18T12:39:33+00:00","dateModified":"2025-06-19T14:47:15+00:00","mainEntityOfPage":{"@id":"https:\/\/viavector.co\/de\/svg-datei\/"},"wordCount":351,"publisher":{"@id":"https:\/\/viavector.co\/de\/#organization"},"image":{"@id":"https:\/\/viavector.co\/de\/svg-datei\/#primaryimage"},"thumbnailUrl":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Vector-File.jpg","articleSection":["Nicht kategorisiert"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/viavector.co\/de\/svg-datei\/","url":"https:\/\/viavector.co\/de\/svg-datei\/","name":"Was ist eine SVG-Datei? - ViaVector","isPartOf":{"@id":"https:\/\/viavector.co\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/viavector.co\/de\/svg-datei\/#primaryimage"},"image":{"@id":"https:\/\/viavector.co\/de\/svg-datei\/#primaryimage"},"thumbnailUrl":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Vector-File.jpg","datePublished":"2025-06-18T12:39:33+00:00","dateModified":"2025-06-19T14:47:15+00:00","breadcrumb":{"@id":"https:\/\/viavector.co\/de\/svg-datei\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/viavector.co\/de\/svg-datei\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/viavector.co\/de\/svg-datei\/#primaryimage","url":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Vector-File.jpg","contentUrl":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Vector-File.jpg","width":1200,"height":800,"caption":"ViaVector - Vector File (AI, SVG, EPS)"},{"@type":"BreadcrumbList","@id":"https:\/\/viavector.co\/de\/svg-datei\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/viavector.co\/de\/"},{"@type":"ListItem","position":2,"name":"Was ist eine SVG-Datei?"}]},{"@type":"WebSite","@id":"https:\/\/viavector.co\/de\/#website","url":"https:\/\/viavector.co\/de\/","name":"ViaVector","description":"Vectorize Your Images for Razor-Sharp Printing","publisher":{"@id":"https:\/\/viavector.co\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/viavector.co\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/viavector.co\/de\/#organization","name":"ViaVector","url":"https:\/\/viavector.co\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/viavector.co\/de\/#\/schema\/logo\/image\/","url":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Icon-Orange-Check.jpg","contentUrl":"https:\/\/viavector.co\/wp-content\/uploads\/2025\/06\/ViaVector-Icon-Orange-Check.jpg","width":1080,"height":1080,"caption":"ViaVector"},"image":{"@id":"https:\/\/viavector.co\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/ViaVectorDesign","https:\/\/x.com\/ViaVector","https:\/\/instagram.com\/viavectordesign","https:\/\/linkedin.com\/company\/viavector","https:\/\/pinterest.com\/ViaVectorDesign","https:\/\/youtube.com\/@viavector"]},{"@type":"Person","@id":"https:\/\/viavector.co\/de\/#\/schema\/person\/94fed2f5cd39196b25ab9bfc35ee3ae3","name":"ViaVector","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/39a867cfa1c3cd01f6855cc62fbd09ace12a8119b505f49bf35ccf23f42762a2?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/39a867cfa1c3cd01f6855cc62fbd09ace12a8119b505f49bf35ccf23f42762a2?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/39a867cfa1c3cd01f6855cc62fbd09ace12a8119b505f49bf35ccf23f42762a2?s=96&d=retro&r=g","caption":"ViaVector"},"sameAs":["https:\/\/viavector.co\/"]}]}},"_links":{"self":[{"href":"https:\/\/viavector.co\/de\/wp-json\/wp\/v2\/posts\/40068","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viavector.co\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/viavector.co\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/viavector.co\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/viavector.co\/de\/wp-json\/wp\/v2\/comments?post=40068"}],"version-history":[{"count":1,"href":"https:\/\/viavector.co\/de\/wp-json\/wp\/v2\/posts\/40068\/revisions"}],"predecessor-version":[{"id":40070,"href":"https:\/\/viavector.co\/de\/wp-json\/wp\/v2\/posts\/40068\/revisions\/40070"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/viavector.co\/de\/wp-json\/wp\/v2\/media\/39643"}],"wp:attachment":[{"href":"https:\/\/viavector.co\/de\/wp-json\/wp\/v2\/media?parent=40068"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/viavector.co\/de\/wp-json\/wp\/v2\/categories?post=40068"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/viavector.co\/de\/wp-json\/wp\/v2\/tags?post=40068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}