{"id":12858,"date":"2018-12-05T08:50:01","date_gmt":"2018-12-05T07:50:01","guid":{"rendered":"https:\/\/www.viaprinto.de\/blog\/?p=12858"},"modified":"2023-05-19T13:57:46","modified_gmt":"2023-05-19T11:57:46","slug":"vektor-dateien","status":"publish","type":"post","link":"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/","title":{"rendered":"Vektordateien f\u00fcr Illustrationen, Icons und Piktogramme"},"content":{"rendered":"<p>Das Vektordatenformat kann im Print-Design einiges vereinfachen. Nachdem wir in Teil 1 unserer Reihe \u00fcber die <a href=\"https:\/\/www.viaprinto.de\/blog\/2018\/11\/dateiformat_bitmap_pixel\/\" target=\"_blank\" rel=\"noopener\">Pixel-Datenformate<\/a> informiert und in Teil 2 das Thema <a href=\"https:\/\/www.viaprinto.de\/blog\/2018\/11\/datenformat_komprimierung\/\" target=\"_blank\" rel=\"noopener\">Komprimierung<\/a> behandelt haben, geht es nun um das aufl\u00f6sungsunabh\u00e4ngige Vektor-Datenformat. Was unterscheidet Vektoren von Pixeln? Wie ist es m\u00f6glich, dass es praktisch unendlich skalierbar ist? Und wie erreicht es in der Reinzeichnung h\u00f6chste darstellerische Perfektion?<\/p>\n<p>Eine der gr\u00f6\u00dften Innovationen im Bereich des digitalen Grafik-Designs war die Einf\u00fchrung der Vektorgrafik. Als 1987 die Illustrationssoftware Adobe Illustrator erschien, machte sie sich die neuen Errungenschaften der Seitenbeschreibungssprache Adobe PostScript zunutze. Denn auf ihr basiert die Vektorgrafik.<\/p>\n<figure id=\"attachment_12872\" aria-describedby=\"caption-attachment-12872\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12872\" src=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/vektorzeichnung.png\" alt=\"\" width=\"800\" height=\"252\"><figcaption id=\"caption-attachment-12872\" class=\"wp-caption-text\">Oben: Links eine typische Vektorgrafik. In der Mitte sieht man, dass sie aus Pfaden mit Aktivierungspunkten besteht. Rechts die Vektorgrafik im Umrissmodus.<\/figcaption><\/figure>\n<h3>Was ist das Besondere an Vektorgrafiken?<\/h3>\n<p>F\u00fcr die Darstellung von Bildern gibt es zwei grunds\u00e4tzliche Konzepte: Die Aufl\u00f6sung eines Motives in Bildpunkte und die Beschreibung eines einfacheren Motives durch algorithmisch definierte Konturen.<\/p>\n<ul style=\"margin-left: 50px;\">\n<li><strong>Pixelgrafik:<\/strong> Das Raster-Bild wird in Form der Pixel aus Bildpunkten zusammengesetzt. Das hat jedoch den Nachteil, dass bei zu starker Skalierung eines solchen Bildes die Bildpunkte eine sichtbare Treppchenstruktur bilden \u2013 die Bildqualit\u00e4t nimmt ab. Die Raster- oder Pixelgrafik ist in ihrer Vergr\u00f6\u00dferbark eit begrenzt, da ihre Aufl\u00f6sung in Relation zu ihrer Gr\u00f6\u00dfe steht.<\/li>\n<li><strong>Vektorgrafik:&nbsp;<\/strong>Die Vektorgrafik wird demgegen\u00fcber durch eine Au\u00dfenkontur beschrieben, die durch Kontrollpunkte (Eck- oder Kurvenpunkte) modelliert wird. Eine Vektorgrafik kann etwa ein Dreieck mit drei Eckpunkten sein, ein Quadrat oder Rechteck mit vier Eckpunkten oder ein Kreis mit vier Kurvenpunkten. Auch eine freie Form mit hunderten Punkten ist m\u00f6glich. Komplexere Motive ergeben sich, indem man zahlreiche solcher Fl\u00e4chen auch versehen mit Verl\u00e4ufen oder Transparenzen \u00fcbereinander legt. Eckpunkte und Kurvenpunkte k\u00f6nnen in einer Kontur gemischt sein. So ist es m\u00f6glich, mit Kurven und Linien jede Form illustrativ zu gestalten. Die Position jedes Punktes ist durch nummerische Koordinaten definiert, somit existiert keine Aufl\u00f6sung in Pixeln. Die Vektorgrafik kann daher verlustfrei auf jede beliebige Gr\u00f6\u00dfe vergr\u00f6\u00dfert oder verkleinert werden und bleibt immer konturenscharf.<\/li>\n<\/ul>\n<h3>Was sind B\u00e9zierkurven?<\/h3>\n<p>Die Kurven in Vektorgrafiken werden \u201eB\u00e9zierkurven\u201c nach ihrem Entwickler Pierre B\u00e9zier genannt. Die Erfinder dieser Kurvenmodulation, Pierre B\u00e9zier, der bei Renault arbeitete, und Paul de Casteljau von Citroen entwickelten ihre Algorithmen zur Erstellung von Freiformkurven f\u00fcr CAD-Anwendungen (Computer-Aided Design) im Automobilbau. Eine Vektorgrafik ist letztlich ein algorithmisch angelegte Illustration, weil die Modulationsregeln der Steuerpunkte algorithmisch-mathematischen Gesetzen gehorchen.<\/p>\n<h3>Pixel und Vektoren: Vor- und Nachteile<\/h3>\n<p>W\u00e4hrend die Pixelgrafik ihre St\u00e4rken bei Fotos ausspielt oder bei detailreichen Illustrationen, wurde die Vektorgrafik zun\u00e4chst eher illustrativ-fl\u00e4chig genutzt. Inzwischen haben neue Technologien es aber erm\u00f6glicht, dass auch Vektorgrafik immer realistischer wirken kann. Die Fl\u00e4chen der Vektor-Formen k\u00f6nnen mit Farben, Verl\u00e4ufen und Mustern gef\u00fcllt werden, Vektorfl\u00e4chen k\u00f6nnen aber auch wie Pinselstriche wirken. Die Konturen k\u00f6nnen in ihrer St\u00e4rke und Farbe ebenfalls frei gestaltet werden oder ganz wegfallen. Es ist z.B. m\u00f6glich, gestrichelte Konturen anzuwenden oder Linien Verzierungen oder wie gemalt wirkende Rahmen zuzuweisen. Selbst Transparenzen k\u00f6nnen f\u00fcr Fl\u00e4chen oder Linien zur Anwendung kommen. Die Vektorkontur kann au\u00dferdem als Maske z.B. f\u00fcr ein Foto verwendet werden.<\/p>\n<h4 style=\"margin-left: 30px;\">Vorteile der Vektorgrafik:<\/h4>\n<ul style=\"margin-left: 60px;\">\n<li><strong>Aufl\u00f6sungsunabh\u00e4ngigkeit:<\/strong> Der Grafikdesigner muss sich beim Gestalten keine Gedanken dar\u00fcber machen, ob die Aufl\u00f6sung des Bildes ausreicht.<\/li>\n<li><strong>Einfacher Workflow:<\/strong> Da das Vektor-Motiv ohne Qualit\u00e4tsverlust stufenlos skalierbar ist, kann es f\u00fcr unterschiedliche Formatadaptionen genutzt werden.<\/li>\n<li><strong>Kleine Dateigr\u00f6\u00dfen:<\/strong> Deshalb k\u00f6nnen die Daten schnell verschickt werden. Allerdings nimmt der Bedarf an Speicherplatz zu, je komplexer die Grafik wird, das hei\u00dft, je mehr Fl\u00e4chen, Pfade und Punkte vorhanden sind.<\/li>\n<li><strong>Technische Perfektion<\/strong> durch glatte Konturen.<\/li>\n<li><strong>Umfassende Ver\u00e4nderbarkeit<\/strong> durch nachtr\u00e4glich editierbare Punkte.<\/li>\n<li><strong>Eigene \u00c4sthetik:<\/strong> Abstraktion und Einfachheit z.B. im <a href=\"https:\/\/www.viaprinto.de\/blog\/2016\/10\/flatdesign\/\" target=\"_blank\" rel=\"noopener\">Flat-Design<\/a>.<\/li>\n<\/ul>\n<h4 style=\"margin-left: 30px;\">Nachteile der Vektorgrafik:<\/h4>\n<ul style=\"margin-left: 60px;\">\n<li><strong>Fl\u00e4chigkeit:<\/strong> Der Schwerpunkt liegt vor allem in der fl\u00e4chigen Darstellung, nicht bei den Details. Fotos k\u00f6nnen nicht mit 16,8 Millionen Farben vektorisiert werden.<\/li>\n<li><strong>Zu glatt:<\/strong> Vektorgrafiken sehen zum Teil zu steril und wenig lebendig aus, weil sie zu perfekt sind.<\/li>\n<li><strong>Lernkurve:<\/strong> Es ist am Anfang nicht ganz einfach, komplexe Illustrationen, die aus Kurven bestehen, zu zeichnen oder zu konstruieren. Man muss ein Gef\u00fchl f\u00fcr die Kurvenanfasser bekommen, um harmonische Pfade und Kurven ohne ungewollte Ausbuchtungen zu modellieren.<\/li>\n<\/ul>\n<figure id=\"attachment_12867\" aria-describedby=\"caption-attachment-12867\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12867\" src=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/schrift_in_pfaden.png\" alt=\"\" width=\"800\" height=\"166\"><figcaption id=\"caption-attachment-12867\" class=\"wp-caption-text\">Oben: Ein Schriftzug, dessen Zeichen zum Teil in Vektorpfade umgewandelt wurden.<\/figcaption><\/figure>\n<h3>Vektorgrafik: Wo im Medien-Design wird mit Konturen gearbeitet?<\/h3>\n<p>Bei der Vektorgrafik kommen Au\u00dfenkonturen mit Kontrollpunkten zur Anwendung. Man findet durch Modulationspunkte geformte Konturen auch in anderen Bereichen:<\/p>\n<ul style=\"margin-left: 50px;\">\n<li><strong>Fonttechnologien:<\/strong> Postscript-, OpenType- und TrueType-Schriften basieren auf Outlines. Der Buchstabe wird durch seine Kontur und die darauf liegenden Punkte durch Koordinaten definiert. Deshalb wandelt man in Vektorprogrammen vor der PDF-Erzeugung f\u00fcr die Belichtung alle Schriften in sogenannte \u201eZeichenwege\u201c oder Pfade um. Das verhindert Belichtungsfehler durch fehlende Schriften.<\/li>\n<li><strong>Folienschriften<\/strong> und Klebebuchstaben f\u00fcr die Display- und Au\u00dfenwerbung werden anhand ihrer Konturen von Schneideplottern aus den Klebefolien geschnitten. Dazu werden Schriften in Outlines umgewandelt.<\/li>\n<li><strong>Bildbearbeitung:<\/strong> Auch aus pixelorientierten Bildbearbeitungs-Programmen wie Photoshop oder Gimp lassen sich Kurven als Vektor speichern oder exportieren \u2013 ebenso wie in einer Animationssoftware wie Adobe After Effects.<\/li>\n<li><strong>Print-Vektorformate:<\/strong> \u201eWMF\u201c (Windows Meta File) unter Windows ist ein Vektorformat, ebenso wie die PostScript-Formate \u201eEPS\u201c, \u201ePS\u201c und \u201eAI\u201c (Adobe Illustrator).<\/li>\n<li><strong>CAD-Vektorformat:<\/strong> Ein g\u00e4ngiges CAD-Vektorformat f\u00fcr technische Zeichnungen ist das <a href=\"https:\/\/de.wikipedia.org\/wiki\/Drawing_Interchange_Format\" target=\"_blank\" rel=\"noopener\">Drawing Interchange Format<\/a> (DXF).<\/li>\n<li><strong>Web-Vektorformate:<\/strong> Das SVG-Vektorformat l\u00e4sst sich als Programmier-Code in eine Webseitenprogrammierung integrieren. SVGZ ist eine komprimierte Version davon. <a href=\"https:\/\/codepen.io\/RominaMartin\/pen\/bQrQNm\" target=\"_blank\" rel=\"noopener\">CSS<\/a> als Webseiten-&#8222;Formatvorlage&#8220; f\u00fcr das \u00e4u\u00dfere Erscheinungsbild von Webseiten bietet die M\u00f6glichkeit, konturendefinierte Grafiken einzubinden und zu bearbeiten. <a href=\"https:\/\/de.wikipedia.org\/wiki\/Adobe_Flash\" target=\"_blank\" rel=\"noopener\">SWF<\/a> (Adobe Flash, ebenfalls ein Vektor-Format) ist der Standard f\u00fcr animierte Vektorinhalte auch im Web gewesen.<\/li>\n<\/ul>\n<figure id=\"attachment_12873\" aria-describedby=\"caption-attachment-12873\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12873\" src=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/zeichenwege_vektoren.png\" alt=\"\" width=\"800\" height=\"468\"><figcaption id=\"caption-attachment-12873\" class=\"wp-caption-text\">Oben: Links ein vektorisierter Buchstabe mit aktivierten Kontrollpunkten. Rechts wurden die Anfasser der Punkte ver\u00e4ndert. Ergebnis: die Kurven werden anders moduliert.<\/figcaption><\/figure>\n<h3>Vektorgrafik und PDF-Datenformat<\/h3>\n<p>Das PDF-Format als Nachfolger der EPS-Datei ist im Printdesign der Standard f\u00fcr eine Belichtungsdatei. Theoretisch kann eine ungepr\u00fcfte PDF-Datei zwei Haupt-Fehlerquellen enthalten: Fehlende oder nicht belichtbare Schriften und zu niedrig aufgel\u00f6stes Bildmaterial. Wird eine PDF-X-Datei verwendet, w\u00fcrde die bei der Erzeugung eine Warnmeldung ausgeben. Arbeitet man ausschlie\u00dflich mit Vektordaten, hat man diese Probleme nicht. Schriften wandelt man vor der PDF-Dateierzeugung in Konturen und damit in Vektoren um. Und Vektorgrafiken als Bildmaterial k\u00f6nnen keine aufl\u00f6sungsbedingten Probleme verursachen.<\/p>\n<h3>Woher kommt der Begriff \u201eVektorgrafik\u201c?<\/h3>\n<p>Vektoren werden in der Physik oder mathematischen Geometrie verwendet und bezeichnen Gr\u00f6\u00dfen, die eine Richtung haben und durch (Pfeil-)Linien dargestellt werden. Tats\u00e4chlich hat der Begriff der \u201eVektor\u201c-Grafik aber einen etwas anderen Hintergrund. Er h\u00e4ngt damit zusammen, dass bis zu Anfang des Desktop Publishings sogenannte \u201eVektor-Bildschirme\u201c zum Einsatz kamen. Diese projizierten die dargestellten Bilder per Kathodenstrahl auf den Bildschirm. Diese Linien waren die Vektoren: Lichtstrahlen, die eine Richtung hin zum Bildschirm hatten. Der Begriff wurde also der damaligen Bildschirm-Darstellungstechnologie entlehnt.<\/p>\n<figure id=\"attachment_12871\" aria-describedby=\"caption-attachment-12871\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12871\" src=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/vektorisierung.jpg\" alt=\"\" width=\"800\" height=\"386\"><figcaption id=\"caption-attachment-12871\" class=\"wp-caption-text\">Oben: Links eine eingescannte Tuschzeichnung als Pixeldatei. In der Mitte sieht man die in Adobe Illustrator vektorisierte Zeichnung im Umrissmodus des Programmes. Rechts sind alle durch die Vektorisierung gesetzten Punkte zu sehen.<\/figcaption><\/figure>\n<figure id=\"attachment_12870\" aria-describedby=\"caption-attachment-12870\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12870\" src=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/vektorgrafik.png\" alt=\"\" width=\"800\" height=\"263\"><figcaption id=\"caption-attachment-12870\" class=\"wp-caption-text\">Oben: Links ist die vergr\u00f6\u00dferte Original-Pixelzeichnung der Hand des M\u00e4nnchens zu sehen. In der Mitte die gegl\u00e4ttete Vektorisierung mit wenig Punkten. Rechts die detaillierte Vektorisierung mit vielen Punkten, die dem Original nahe kommt.<\/figcaption><\/figure>\n<h3>Welche Programme erzeugen Vektor-Dateien?<\/h3>\n<p>Es gibt vergleichsweise viele Programme f\u00fcr die Bearbeitung von Pixelbildern aber wenige zum Zeichnen von Vektorgrafiken. Und davon bieten nur wenige einen professionellen Funktionsumfang. Zu illustrieren ist gegen\u00fcber dem Fotografieren eine spezialisierte T\u00e4tigkeit und das \u201eVektorillustrieren\u201c ist noch spezialisierter. Das hat sich dadurch etwas mehr angeglichen, dass das \u201eWorld Wide Web Consortium\u201c (=W3C) einen Vektorgrafik-Standard festgelegt hat: \u201eSVG\u201c (=Scalable Vector Graphics\/Skalierbare Vektorgrafik) heisst diese Web-Spezifikation f\u00fcr das Einbinden statischer oder animierter Vektorgrafik auf Webseiten. Gerade im Web sind die geringe Dateigr\u00f6\u00dfen der Vektorillustrationen gekoppelt mit ihrer verlustfreien Darstellung ein betr\u00e4chtlicher Vorteil. Die Vektorgrafik-Programme lassen sich in vier Bereiche aufteilen:<\/p>\n<ul style=\"margin-left: 50px;\">\n<li><strong>Einsteiger-Programme<\/strong> mit geringem Funktionsumfang, die nicht f\u00fcr ambitionierte Projekte und den Offset-Drucksachenbereich geeignet sind. Anwendungen wie \u201eLibreOffice Draw\u201c oder \u201eOpenOffice Draw\u201c sind eher f\u00fcr technische Zeichnungen, Pr\u00e4sentationen oder die Bebilderung von selbst ausgedruckten Handouts geeignet.<\/li>\n<li><strong>Unix-Programme:<\/strong> Programme, die aus der Unix-Welt kommen, haben oft ein wenig benutzerfreundliches User Interface. Sie haben aber den Vorteil betriebssystem-\u00fcbergreifend verf\u00fcgbar zu sein und sind in der Regel kostenlos erh\u00e4ltlich. Dort, wo sie lange entwickelt wurden, ergeben sich mitunter markttaugliche Softwarepakete wie z.B. \u201eInkscape\u201c. Auch \u201eGimp\u201c, die pixelorientierte Bildverarbeitung, ist ein Positivbeispiel. Gimp kann SVG-Vektordateien erzeugen und lesen. Weitere unixbasierte Vektor-Programme sind z.B. \u201esk1\u201c, \u201eXara Xtreme LX\u201c (nicht zu verwechseln mit der kommerziellen Variante Xara Designer Pro X), \u201eXfig\u201c und \u201eSodipodi\u201c.<\/li>\n<li><strong>Semiprofessionelle Programme:<\/strong> Unterhalb der bew\u00e4hrten kommerziellen Programme, gibt es Vektorprogramme, die zwischen dem Einsteiger- und Profibereich zu verorten sind. Manche bieten keine effiziente Benutzerf\u00fchrung, sind nicht zu Ende entwickelt bzw. werden nicht weiterentwickelt oder laufen nicht stabil genug \u2013 und sind durch diese Einschr\u00e4nkungen deshalb f\u00fcr den Profialltag kaum geeignet.<\/li>\n<li><strong>Profi-Programme<\/strong> mit einem gro\u00dfen Funktionsumfang. Adobe hatte sich mit dem Adobe Illustrator eine Alleinstellung in diesem Marktsegment verschafft, aber inzwischen Konkurrenz durch den Affinity Designer bekommen. Illustrator ist teuer und ressourcenhungrig, l\u00e4uft aber bei gen\u00fcgend Arbeitsspeicher stabil und hat im Laufe der Jahre seine Funktionen weiter verfeinert. Der Affinity Designer setzt mit g\u00fcnstigen Preisen bei gro\u00dfem Funktionsumfang dagegen. Dazu geh\u00f6rt auch eine moderne, neu programmierte Suite, zu der noch der \u201eAffinity Publisher\u201c (f\u00fcr Mehrseitengestaltung) und \u201eAffinity Photo\u201c (Bildbearbeitung) geh\u00f6ren.<\/li>\n<\/ul>\n<h4 style=\"margin-left: 30px;\">Adobe Illustrator: Der Vektorgrafik-Pionier<\/h4>\n<p style=\"margin-left: 30px;\">F\u00fcr Adobes Illustrator spricht ein H\u00f6chstma\u00df an Kompatibilit\u00e4t und die Ausgabe qualitativ hochwertiger PDF-Dateien f\u00fcr den Offset-Druck. Er l\u00e4uft unter MacOS, Windows und als Mobilversion als <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.adobe.creativeapps.draw&amp;hl=de\" target=\"_blank\" rel=\"noopener\">Adobe Illustrator Draw<\/a> unter Android und <a href=\"https:\/\/itunes.apple.com\/de\/app\/adobe-illustrator-draw\/id911156590?mt=8\" target=\"_blank\" rel=\"noopener\">Apples iOS<\/a>. Als Marktf\u00fchrer bietet das Programm eine kaum \u00fcberschaubare F\u00fclle an Funktionen. Aber nicht immer sind es die gro\u00dfen Errungenschaften, die die Arbeit des Designers erleichtern. Ein paar Beispiele auch f\u00fcr kleine Illustrator-Funktionen aus den letzten 10 Jahren:<\/p>\n<ul style=\"margin-left: 60px;\">\n<li><strong>Mehrseitige Dokumente:<\/strong> Konnte der alte Adobe Illustrator nur einseitige Dokumente erzeugen, sind seit 2008 mehrere Zeichenfl\u00e4chen m\u00f6glich, die auch zusammen exportiert werden k\u00f6nnen, etwa f\u00fcr mehrseitige PDF-Dokumente.<\/li>\n<li><strong>Bildnachzeichner:<\/strong> Illustrator hat schon seit langer Zeit ein integriertes Tool zum Vektorisieren von Bitmap-Grafiken. Das hei\u00dft: ein Pixelbild wird in ein Vektorbild umgewandelt. Der Bildnachzeichner ist im Laufe der Jahre qualitativ immer weiter verbessert worden und intuitiver als fr\u00fcher zu bedienen. \u00dcber die Anwahl verschiedener Optionen, kann man das Ergebnis f\u00fcr seine Einsatzzwecke entweder hin zu mehr Vereinfachung oder zu mehr Realismus optimieren.<\/li>\n<li><strong>Interaktive Ecken:<\/strong> Runde Ecken hat man traditionell \u00fcber die Eingabe von Eckradien oder als Vorgabeoptionen eingestellt. Die Funktion \u201eInteraktive Ecken\u201c weist jeder Ecke in einer geometrischen Form einen Anfasser zu, mit dem man schnell alle Ecken zusammen oder jede Ecke einzeln ver\u00e4ndern kann, einfach, indem man daran zieht.<\/li>\n<li><strong>Konturbreiten-Werkzeug:<\/strong> Mit dem Breitenwerkzeug k\u00f6nnen einer Linie verschiedene Breiten zugewiesen werden, damit sie dynamisch und nat\u00fcrlich wirkt. Es k\u00f6nnen eigene Breitenprofile angelegt werden und es gibt eine nummerische Kontrolle.<\/li>\n<li><strong>Vektor-Borstenpinsel:<\/strong> L\u00e4ngst ist realistisches Malen bei den Vektorprogrammen angekommen. Wobei der gro\u00dfe Vorteil ist, dass in vektororientierten Zeichenprogrammen wie dem Adobe Illustrator, jeder einzelne Pinselstrich komfortabel editierbar ist. Vektorstriche, die wie traditionelle Maltechniken wirken, lassen sich vergr\u00f6\u00dfern und der Borstenpinsel selbst l\u00e4sst sich bis ins letzte Detail ver\u00e4ndern: die Dichte der Borsten, ihre Steifheit und Form, L\u00e4nge und Breite lassen sich haarklein definieren, bis das gew\u00fcnschte Ergebnis erreicht ist.<\/li>\n<li><strong>Freihandverl\u00e4ufe:<\/strong> Der Freihandverlauf funktioniert \u00e4hnlich wie das Farbverlaufsgitter, nur noch einfacher. Hier ist es m\u00f6glich, auf einer Fl\u00e4che freie Verlaufspunkte zu setzen, was Multi-Farbverl\u00e4ufe erm\u00f6glicht.<\/li>\n<li><strong>Verl\u00e4ufe in Konturen:<\/strong> Verl\u00e4ufe in Objekten sind eine Selbstverst\u00e4ndlichkeit. Aber auch Konturen k\u00f6nnen Verl\u00e4ufe enthalten. Ein neues Verlaufsbedienfeld reguliert, ob der Verlauf sich an der L\u00e4nge oder der Breite der Kontur orientiert und wo genau er sitzen soll.<\/li>\n<li><strong>Transparente Verl\u00e4ufe:<\/strong> Verl\u00e4ufe waren in den Anfangstagen des digitalen Publizierens eine aufsehenerregende Funktion, weil es in der analogen vorherigen Design-Welt aufwendig war, Verl\u00e4ufe zu erzeugen. Sp\u00e4ter waren Transparenzen ein Wunderwerk. Beides kombiniert erm\u00f6glicht heute nuancenreiche, fein abgestimmte Designs.<\/li>\n<li><strong>Globale Bearbeitung:<\/strong> Mit diesem Tool kann man Zeichenfl\u00e4chen-\u00fcbergreifend verwandte Objekte mittels eines einzigen Befehls \u00e4ndern. Das spart Zeit.<\/li>\n<li><strong>Zuschnittansicht:<\/strong> Um einen Entwurf beurteilen zu k\u00f6nnen, kann man alles, was au\u00dferhalb des Endformates oder neben der Zeichenfl\u00e4che liegt, ausblenden und in Originalgr\u00f6\u00dfe betrachten. Eine kleine Sache, die nun auf Tastendruck m\u00f6glich ist.<\/li>\n<li><strong>Formgitter-Werkzeug:<\/strong> Damit lassen sich Illustrationen ganz oder zum Teil verformen. Man platziert an jenen Stellen, die sich nicht ver\u00e4ndern sollen, Fixierpunkte, sogenannte \u201ePins\u201c. Inzwischen analysiert \u201eSensei\u201c, die K\u00fcnstliche Intelligenz von Adobe, das Bildmaterial und schl\u00e4gt Positionen f\u00fcr die Pins vor.<\/li>\n<\/ul>\n<p style=\"margin-left: 30px;\">Wenn man Programme miteinander vergleicht, kommt es auf die Details an. Ein Programm, dass Jahrzehnte auf dem Markt ist, leidet meist an einer \u00dcberfrachtung an Funktionen, die f\u00fcr manche Anwender eine \u00dcberforderung darstellen \u2013 andererseits bieten Programme wie \u201eIllustrator\u201c oder \u201eInkscape\u201c f\u00fcr immer mehr Aufgabenstellungen eine L\u00f6sung.<\/p>\n<figure id=\"attachment_12866\" aria-describedby=\"caption-attachment-12866\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12866\" src=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/photovektorisierung.png\" alt=\"\" width=\"800\" height=\"293\"><figcaption id=\"caption-attachment-12866\" class=\"wp-caption-text\">Oben: Links das Originalfoto, rechts die Vektorisierung mit 80 Farben, maximal sind 256 m\u00f6glich. Das Foto wurde dabei in farbige Vektorfl\u00e4chen umgewandelt.<\/figcaption><\/figure>\n<figure id=\"attachment_12868\" aria-describedby=\"caption-attachment-12868\" style=\"width: 796px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/vektorflaechen1.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12868\" src=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/vektorflaechen1.png\" alt=\"\" width=\"796\" height=\"592\"><\/a><figcaption id=\"caption-attachment-12868\" class=\"wp-caption-text\">Oben: Hier sieht man, wieviel Vektorfl\u00e4chen f\u00fcr die Fotoumwandlung mit 80 Farben angelegt werden.<\/figcaption><\/figure>\n<figure id=\"attachment_12869\" aria-describedby=\"caption-attachment-12869\" style=\"width: 796px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/vektorflaechen2.png\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12869\" src=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/vektorflaechen2.png\" alt=\"\" width=\"796\" height=\"592\"><\/a><figcaption id=\"caption-attachment-12869\" class=\"wp-caption-text\">Oben: Hier sieht man, wieviel Vektorfl\u00e4chen f\u00fcr die Fotoumwandlung mit 256 Farben angelegt werden.<\/figcaption><\/figure>\n<h4 style=\"margin-left: 30px;\">Affinity Designer: Ein neuer Konkurrent f\u00fcr Adobe Illustrator<\/h4>\n<p style=\"margin-left: 30px;\">Adobe hat sein Gesch\u00e4ftsmodell zwischen 2011-2013 hin zum Abo-Modell ge\u00e4ndert, was manchem freiberuflich oder hobbym\u00e4\u00dfig t\u00e4tigen Designer zu teuer ist. Wohl auch deshalb hat Adobe Konkurrenz vom g\u00fcnstigen \u201eAffinity Designer\u201c bekommen, der f\u00fcr einen vergleichsweise g\u00fcnstigen Preis nur einmalig zu bezahlen anstatt zu abonnieren ist. Dabei bietet das Programm einen \u00e4hnlichen Funktionsumfang und auch den Export und Umgang mit Vektor-Datenformaten, das sind:<\/p>\n<ul style=\"margin-left: 60px;\">\n<li><strong>PDF\/X:<\/strong> Hochwertiger Grafikstandard f\u00fcr den Austausch von Belichtungsdateien mit Druckereien. Im PDF k\u00f6nnen Vektordaten enthalten sein.<\/li>\n<li><strong>SVG:<\/strong> Standard f\u00fcr Vektorgrafik im Web.<\/li>\n<li><strong>EPS:<\/strong> Das nicht mehr aktuelle einseitige EPS-Format (=Encapsulated Postscript) ist ein Exportformat, das sich belichten l\u00e4sst und alle Bestandteile einer Seite inklusive Schriften enth\u00e4lt. Das EPS kann in der Regel von Vektorgrafik-Programmen ge\u00f6ffnet werden. Abgel\u00f6st als Austauschformat wurde es aber durch PDF. Dennoch ist im Zweifelsfall EPS immer noch das Austauschformat zwischen unterschiedlichen Programmen und Betriebssystemen, das auch unter Unix funktioniert.<\/li>\n<\/ul>\n<p style=\"margin-left: 30px;\">Der Affinity-Designer enth\u00e4lt auch Spezial-Funktionen wie Transparenzverl\u00e4ufe und hat eine eigene Version f\u00fcr Apples iPad (mit Stifteingabe) herausgebracht. Illustrator-Dateien lassen sich im Affinity-Designer \u00f6ffnen. Will man umgekehrt Affinity-Designer-Dateien in Illustrator weiterbearbeiten, bietet sich <a href=\"https:\/\/marketmix.com\/de\/von-illustrator-zu-affinitydesigner-und-zurueck\/\" target=\"_blank\" rel=\"noopener\">PDF als Austauschformat<\/a> an. Auch Dateien im PSD-\/Photoshop-Format mit Ebenen lassen sich speichern und in Photoshop wieder \u00f6ffnen. Affinity Designer und Adobe Illustrator verf\u00fcgen \u00fcber einen \u00e4hnlichen Funktionsumfang. Sie unterscheiden sich in der Art und Weise wie komfortabel mit Verl\u00e4ufen oder Transparenzen umgegangen wird, oder etwa wie man Text und Elemente an Kurven ausrichten kann. Auch das Look &amp; Feel der Kurvenmanipulation ist f\u00fcr den Mediendesigner eine Angelegenheit pers\u00f6nlicher Vorlieben. Mit der iPad-Version des Affinity Designers kann man frei und drucksensitiv per Stift und Finger zeichnen.<\/p>\n<h4 style=\"margin-left: 30px;\">Inkscape: kostenlos und leistungsstark<\/h4>\n<p style=\"margin-left: 30px;\">2003 erschien Inkscape als freie Software und l\u00e4uft schwerpunktm\u00e4\u00dfig unter Windows, Linux und einigen anderen Unix-Systemen \u2013 unterst\u00fctzt wird auch MacOS X. Das Programm hat sich in den letzten Jahren zunehmend professionalisiert und bietet <a href=\"https:\/\/inkscape.org\/de\/news\/2017\/01\/04\/inkscape-version-092-veroffentlicht\/\" target=\"_blank\" rel=\"noopener\">interessante Funktionen<\/a>. Sein natives Dateiformat ist das Vektorformat \u201eSVG\u201c. Neben dem Leistungsumfang ist f\u00fcr ein Vektordaten-Programm wichtig, nach allen Seiten hin offen zu sein. Dies geschieht durch Import- und Exportm\u00f6glichkeiten. Gro\u00dfe Softwarepakete wie Adobe Illustrator sind auch deshalb so erfolgreich geworden, weil sie durch ihre Datenkompatibilit\u00e4t f\u00fcr fast alle Einsatzzwecke geeignet sind. Inkscape kann SVG, AI, PDF, die g\u00e4ngigen Pixeldatenformate, aber auch CDR (=Corel Draw) \u00f6ffnen sowie PDF, PS (PostScript) und EPS exportieren. Die Dateikompatibilit\u00e4t wird zum Teil durch Extensions sichergestellt. Inkscape bietet einen gro\u00dfen Funktionsumfang und unterst\u00fctzt als Spezialit\u00e4t zum Beispiel <a href=\"https:\/\/www.youtube.com\/watch?v=u4HoF39cVZA\" target=\"_blank\" rel=\"noopener\">photorealistische Gitterverl\u00e4ufe<\/a>.<\/p>\n<h4 style=\"margin-left: 30px;\">Gravit Designer f\u00fcr alle Plattformen und online<\/h4>\n<p style=\"margin-left: 30px;\">Eine leistungsf\u00e4hige Anwendung f\u00fcr jede Plattform: Neben der Web-App stehen Versionen f\u00fcr MacOS X, Windows, Linux und Chrome OS zur Verf\u00fcgung, dar\u00fcber hinaus auch Versionen f\u00fcr Tablets. Allerdings ist der Funktionsumfang des kostenlosen Gravit Designers eingeschr\u00e4nkt, so ist z.B. nur der PDF-Export mit 72 dpi m\u00f6glich, was die kostenpflichtige Pro-Version erforderlich macht, die mit 300 dpi exportieren kann. F\u00fcr die ist eine j\u00e4hrliche Geb\u00fchr zu entrichten. Die Besonderheit beim <a href=\"https:\/\/designer.io\/\" target=\"_blank\" rel=\"noopener\">Gravit-Designer<\/a> ist seine Cloudanbindung: Daten und Dateiversionen werden dort gespeichert.<\/p>\n<h4 style=\"margin-left: 30px;\">Xara Designer Pro X f\u00fcr Windows<\/h4>\n<p style=\"margin-left: 30px;\">Xara Designer Pro X existiert seit 1992 und bietet einen beachtlichen Funktionsumfang zwischen Print und Web, kann Mehrseitengestaltung wie auch <a href=\"https:\/\/www.magix.com\/de\/sem\/designer-pro-x\/technische-daten\/#c840958\" target=\"_blank\" rel=\"noopener\">Vektor-Illustration<\/a>. Das Programm bietet aktuelle typografische Finessen wie Open-Type-Ligaturen und unterst\u00fctzt eine gro\u00dfe Zahl an Datenformaten. Es verf\u00fcgt \u00fcber einen PDF-Editor und kann Adobe-Illustrator, Corel-Draw- und Photoshop-Dateien \u00f6ffnen.<\/p>\n<h4 style=\"margin-left: 30px;\">CorelDraw, das Windows-Zeichenprogramm<\/h4>\n<p style=\"margin-left: 30px;\">Das Programm \u201eCorel Draw\u201c ist als Vektor-Zeichenprogramm mit langer Historie seit 1989 Teil der \u201eCorel Draw Graphic Suite\u201c f\u00fcr Windows. Vorherige Versionen gab es auch f\u00fcr MacOS und Linux. Da Corel Draw aus der Windowswelt kam und Profis anf\u00e4nglich mit Apple Macintosh arbeiteten, wurde Corel Draw weniger professionell verwendet, bietet aber einen gro\u00dfen Leistungsumfang und stellt einer Alternative zu Adobes \u201eCreative Cloud\u201c dar. Das eigene CDR-Datenformat kann mit dem Konvertierungstool &#8222;libcdr&#8220; von Programmen wie Inkscape, Scribus oder sk1 ge\u00f6ffnet werden. CorelDraw gilt jedoch je nach Version als nicht immer stabil.<\/p>\n<h4 style=\"margin-left: 30px;\">Autodesk Graphic, der Nachfolger von iDraw<\/h4>\n<p style=\"margin-left: 30px;\">Ein kleines, <a href=\"https:\/\/itunes.apple.com\/de\/app\/autodesk-graphic\/id404705039?mt=12\" target=\"_blank\" rel=\"noopener\">g\u00fcnstiges Programm<\/a> mit gro\u00dfem Leistungsumfang f\u00fcr MacOS X (vormals hie\u00df es \u201eiDraw\u201c). Es ist gerade f\u00fcr Einsteiger einfach zu bedienen und mit Spezialfunktionen f\u00fcr das Webdesign ausgestattet. Zus\u00e4tzlich gibt eine eigene Version f\u00fcr Apples iPad unter iOS.<\/p>\n<h4 style=\"margin-left: 30px;\">Vectr, das Tool f\u00fcr Zusammenarbeit<\/h4>\n<p style=\"margin-left: 30px;\">Vectr \u00e4hnelt dem Gravit Designer. Verf\u00fcgbar ist es als Webanwendung, f\u00fcr MacOS, Windows und das Chromebook. Au\u00dferdem gibt es eine Erweiterung f\u00fcr das Blogsystem \u201eWordpress\u201c, in dem man dann Grafiken erstellen kann. Die Synchronisierung von Dateien erfolgt \u00fcber die Cloud. Es gibt zwei Besonderheiten: Mit Vectr k\u00f6nnen zum einen mehrere Personen an Dateien \u00fcber das Web arbeiten. Zum anderen erh\u00e4lt jede platzierte Grafik eine URL-Adresse, wodurch sich das Element automatisch im Layout \u00e4ndert, wenn man die Originaldatei modifiziert.<\/p>\n<h4 style=\"margin-left: 30px;\">Freehand, der ehemalige Illustrator-Konkurrent<\/h4>\n<p style=\"margin-left: 30px;\">Einige Zeit hatte sich Adobe Illustrator ein Kopf-an-Kopf-Rennen mit Macromedia Freehand geliefert. Schlie\u00dflich hatte Adobe Macromedia aufgekauft und Freehand mit der MX\/11-Version eingestellt. Die Bedienung von Adobe Illustrator war in seinen Anf\u00e4ngen weniger intuitiv und wirkte in ihrer Exaktheit eher wie ein Tool f\u00fcr technische Zeichner, auch wenn schon bei Erscheinen freie Illustratoren von seinen M\u00f6glichkeiten fasziniert waren. Freehand war intuitiver und hatte schnell eine treue Fangemeinde. Da die Freehand-Dateien ein eigenes Datenformat hatten, war es sp\u00e4ter schwierig, sie weiterzuverwenden, sofern sie nicht vorher als EPS-File (=Encapsulated Postscript File) abgespeichert worden waren. Allerdings lie\u00dfen sich Dateien im Freehandformat noch bis Illustrator CS 5 per Doppelklick \u00f6ffnen. Obwohl die Weiterentwicklung von Freehand 2007 eingestellt wurde, wird es weiter vertrieben. Es l\u00e4uft aber nur bis <a href=\"https:\/\/www.adobe.com\/mena_en\/products\/freehand\/\" target=\"_blank\" rel=\"noopener\">MacOS 10.5<\/a> und nicht auf Intelprozessoren. Dennoch findet man das leistungsf\u00e4hige <a href=\"https:\/\/www.youtube.com\/watch?v=93zXC-jCKuo\" target=\"_blank\" rel=\"noopener\">Programm (Freehand 10+11)<\/a> immer noch auf alten MacOS- oder Windows-Systemen.<\/p>\n<h4 style=\"margin-left: 30px;\">OpenOffice Draw: F\u00fcr die B\u00fcrokommunikation<\/h4>\n<p style=\"margin-left: 30px;\">Das kostenlose Programm als Teil der <a href=\"https:\/\/www.openoffice.org\/de\/doc\/\" target=\"_blank\" rel=\"noopener\">OpenOffice-Suite<\/a> mit automatischen Verma\u00dfungen eignet sich gerade f\u00fcr Anf\u00e4nger gut f\u00fcr technische Zeichnungen und enth\u00e4lt Clipart und die g\u00e4ngigen Werkzeuge f\u00fcr das Zeichnen von Formen und Kurven, ist aber f\u00fcr professionelle Grafik-Designer nicht geeignet. Es ist f\u00fcr die drei Plattformen Windows, Mac OS X und Linux verf\u00fcgbar.<\/p>\n<h4 style=\"margin-left: 30px;\">Vektorgrafik in den Layoutprogrammen Scribus und InDesign<\/h4>\n<p style=\"margin-left: 30px;\">\u00dcbrigens lassen sich Vektorgrafiken auch mit Adobe InDesign erstellen, wenn auch nicht mit einem so differenzierten Funktionsumfang wie beim Adobe Illustrator. \u00c4hnliches gilt f\u00fcr das DTP-Programm Scribus, das SVG- oder EPS-Dateien importieren kann. Scribus kommt aus der Unixwelt und l\u00e4uft deshalb auch unter so exotischen Betriebssystemen wie OS\/2 (altes IBM-System), eCS (Betriebssystem-Weiterentwicklung von IBMs OS\/2) und Haiku (Weiterentwicklung der Betriebssysteme BeOS und OpenBeOS), sowie unter Linux, MacOS und Windows.<\/p>\n<p style=\"text-align: center;\">F\u00fcr Sie zusammengefasst als Infografik:<br \/>\n<a href=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/vektordatenformat.png\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><strong>Vektor-Dateiformat f\u00fcr Illustrationen und Icons<\/strong><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/vektordatenformat.png\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12376 size-full\" src=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/vektordatenformat.png\" alt=\"\" width=\"1419\" height=\"4906\"><\/a><\/p>\n<p>[av_button label=&#8217;PDF-Download der Infografik&#8216; link=&#8217;manually,https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/vektordatenformat.pdf&#8216; link_target=&#8217;_blank&#8216; size=&#8217;medium&#8216; position=&#8217;center&#8216; icon_select=&#8217;no&#8216; icon=&#8217;ue800&#8242; font=&#8217;entypo-fontello&#8216; color=&#8217;theme-color&#8216; custom_bg=&#8217;#444444&#8242; custom_font=&#8217;#ffffff&#8216;]<\/p>\n<figure id=\"attachment_8750\" aria-describedby=\"caption-attachment-8750\" style=\"width: 200px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2016\/04\/autor.jpg\" rel=\"attachment wp-att-8750\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8750 size-medium\" src=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2016\/04\/autor-200x300.jpg\" alt=\"Ralf Wasselowski\" width=\"200\" height=\"300\"><\/a><figcaption id=\"caption-attachment-8750\" class=\"wp-caption-text\">Unser Gastautor: Ralf Wasselowski. Er betreibt die Agentur Conceptb\u00fcro in Essen und ist ein Kenner der Design-, Grafik- und Werbebranche. \u00a9Ralf Wasselowski<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Was unterscheidet Vektoren von Pixeln? Wie ist es m\u00f6glich, dass es praktisch unendlich skalierbar ist? Und wie erreicht es in der Reinzeichnung h\u00f6chste darstellerische Perfektion?<\/p>\n","protected":false},"author":8,"featured_media":12874,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[5,21,367],"tags":[366],"class_list":["post-12858","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-layout","category-service","category-wissen","tag-datenformate"],"mb":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vektordateien | Illustrationen &amp; Vektorgrafiken erstellen<\/title>\n<meta name=\"description\" content=\"viaprinto Blog | Vektordateien f\u00fcr Illustrationen und Icons | Pixel und Vektoren: Vor- und Nachteile | Vektorgrafik-Programme.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vektordateien | Illustrationen &amp; Vektorgrafiken erstellen\" \/>\n<meta property=\"og:description\" content=\"viaprinto Blog | Vektordateien f\u00fcr Illustrationen und Icons | Pixel und Vektoren: Vor- und Nachteile | Vektorgrafik-Programme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/\" \/>\n<meta property=\"og:site_name\" content=\"viaprinto Blog | Alles \u00fcber den Druck\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-05T07:50:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-19T11:57:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/blogheader-wissensreihe-datenformate-3-1690x642px-@2x-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1690\" \/>\n\t<meta property=\"og:image:height\" content=\"642\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sarah Sassenhagen\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/vektor-dateien\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/vektor-dateien\\\/\"},\"author\":{\"name\":\"Sarah Sassenhagen\",\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/#\\\/schema\\\/person\\\/1aa19d31063bc939317c758ceb8b7c16\"},\"headline\":\"Vektordateien f\u00fcr Illustrationen, Icons und Piktogramme\",\"datePublished\":\"2018-12-05T07:50:01+00:00\",\"dateModified\":\"2023-05-19T11:57:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/vektor-dateien\\\/\"},\"wordCount\":3530,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/vektor-dateien\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/blogheader-wissensreihe-datenformate-3-1690x642px-@2x-1.jpg\",\"keywords\":[\"datenformate\"],\"articleSection\":[\"Layout\",\"Service\",\"Wissen\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/vektor-dateien\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/vektor-dateien\\\/\",\"url\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/vektor-dateien\\\/\",\"name\":\"Vektordateien | Illustrationen & Vektorgrafiken erstellen\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/vektor-dateien\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/vektor-dateien\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/blogheader-wissensreihe-datenformate-3-1690x642px-@2x-1.jpg\",\"description\":\"viaprinto Blog | Vektordateien f\u00fcr Illustrationen und Icons | Pixel und Vektoren: Vor- und Nachteile | Vektorgrafik-Programme.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/vektor-dateien\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/vektor-dateien\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/vektor-dateien\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/blogheader-wissensreihe-datenformate-3-1690x642px-@2x-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/blogheader-wissensreihe-datenformate-3-1690x642px-@2x-1.jpg\",\"width\":1690,\"height\":642,\"caption\":\"Header Wissensreihe Datenformate Folge 3\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/vektor-dateien\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vektordateien f\u00fcr Illustrationen, Icons und Piktogramme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/\",\"name\":\"viaprinto Blog | Alles \u00fcber den Druck\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/#organization\",\"name\":\"viaprinto\",\"url\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/viaprinto-blog-logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/viaprinto-blog-logo.svg\",\"caption\":\"viaprinto\"},\"image\":{\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/viaprinto\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/#\\\/schema\\\/person\\\/1aa19d31063bc939317c758ceb8b7c16\",\"name\":\"Sarah Sassenhagen\",\"url\":\"https:\\\/\\\/www.viaprinto.de\\\/blog\\\/author\\\/sarah-sassenhagenviaprinto-de\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vektordateien | Illustrationen & Vektorgrafiken erstellen","description":"viaprinto Blog | Vektordateien f\u00fcr Illustrationen und Icons | Pixel und Vektoren: Vor- und Nachteile | Vektorgrafik-Programme.","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:\/\/www.viaprinto.de\/blog\/vektor-dateien\/","og_locale":"de_DE","og_type":"article","og_title":"Vektordateien | Illustrationen & Vektorgrafiken erstellen","og_description":"viaprinto Blog | Vektordateien f\u00fcr Illustrationen und Icons | Pixel und Vektoren: Vor- und Nachteile | Vektorgrafik-Programme.","og_url":"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/","og_site_name":"viaprinto Blog | Alles \u00fcber den Druck","article_published_time":"2018-12-05T07:50:01+00:00","article_modified_time":"2023-05-19T11:57:46+00:00","og_image":[{"width":1690,"height":642,"url":"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/blogheader-wissensreihe-datenformate-3-1690x642px-@2x-1.jpg","type":"image\/jpeg"}],"author":"Sarah Sassenhagen","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/#article","isPartOf":{"@id":"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/"},"author":{"name":"Sarah Sassenhagen","@id":"https:\/\/www.viaprinto.de\/blog\/#\/schema\/person\/1aa19d31063bc939317c758ceb8b7c16"},"headline":"Vektordateien f\u00fcr Illustrationen, Icons und Piktogramme","datePublished":"2018-12-05T07:50:01+00:00","dateModified":"2023-05-19T11:57:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/"},"wordCount":3530,"commentCount":0,"publisher":{"@id":"https:\/\/www.viaprinto.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/#primaryimage"},"thumbnailUrl":"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/blogheader-wissensreihe-datenformate-3-1690x642px-@2x-1.jpg","keywords":["datenformate"],"articleSection":["Layout","Service","Wissen"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/","url":"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/","name":"Vektordateien | Illustrationen & Vektorgrafiken erstellen","isPartOf":{"@id":"https:\/\/www.viaprinto.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/#primaryimage"},"image":{"@id":"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/#primaryimage"},"thumbnailUrl":"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/blogheader-wissensreihe-datenformate-3-1690x642px-@2x-1.jpg","description":"viaprinto Blog | Vektordateien f\u00fcr Illustrationen und Icons | Pixel und Vektoren: Vor- und Nachteile | Vektorgrafik-Programme.","breadcrumb":{"@id":"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/#primaryimage","url":"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/blogheader-wissensreihe-datenformate-3-1690x642px-@2x-1.jpg","contentUrl":"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2018\/11\/blogheader-wissensreihe-datenformate-3-1690x642px-@2x-1.jpg","width":1690,"height":642,"caption":"Header Wissensreihe Datenformate Folge 3"},{"@type":"BreadcrumbList","@id":"https:\/\/www.viaprinto.de\/blog\/vektor-dateien\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.viaprinto.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Vektordateien f\u00fcr Illustrationen, Icons und Piktogramme"}]},{"@type":"WebSite","@id":"https:\/\/www.viaprinto.de\/blog\/#website","url":"https:\/\/www.viaprinto.de\/blog\/","name":"viaprinto Blog | Alles \u00fcber den Druck","description":"","publisher":{"@id":"https:\/\/www.viaprinto.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.viaprinto.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.viaprinto.de\/blog\/#organization","name":"viaprinto","url":"https:\/\/www.viaprinto.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.viaprinto.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2022\/12\/viaprinto-blog-logo.svg","contentUrl":"https:\/\/www.viaprinto.de\/blog\/wp-content\/uploads\/2022\/12\/viaprinto-blog-logo.svg","caption":"viaprinto"},"image":{"@id":"https:\/\/www.viaprinto.de\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/viaprinto"]},{"@type":"Person","@id":"https:\/\/www.viaprinto.de\/blog\/#\/schema\/person\/1aa19d31063bc939317c758ceb8b7c16","name":"Sarah Sassenhagen","url":"https:\/\/www.viaprinto.de\/blog\/author\/sarah-sassenhagenviaprinto-de\/"}]}},"mfb_rest_fields":["title","yoast_head","yoast_head_json"],"_links":{"self":[{"href":"https:\/\/www.viaprinto.de\/blog\/wp-json\/wp\/v2\/posts\/12858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.viaprinto.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.viaprinto.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.viaprinto.de\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.viaprinto.de\/blog\/wp-json\/wp\/v2\/comments?post=12858"}],"version-history":[{"count":1,"href":"https:\/\/www.viaprinto.de\/blog\/wp-json\/wp\/v2\/posts\/12858\/revisions"}],"predecessor-version":[{"id":17929,"href":"https:\/\/www.viaprinto.de\/blog\/wp-json\/wp\/v2\/posts\/12858\/revisions\/17929"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.viaprinto.de\/blog\/wp-json\/wp\/v2\/media\/12874"}],"wp:attachment":[{"href":"https:\/\/www.viaprinto.de\/blog\/wp-json\/wp\/v2\/media?parent=12858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.viaprinto.de\/blog\/wp-json\/wp\/v2\/categories?post=12858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.viaprinto.de\/blog\/wp-json\/wp\/v2\/tags?post=12858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}