{"id":4995,"date":"2020-08-18T14:09:56","date_gmt":"2020-08-18T12:09:56","guid":{"rendered":"https:\/\/www.vispronet.de\/blog\/?p=4995"},"modified":"2025-02-28T10:14:36","modified_gmt":"2025-02-28T09:14:36","slug":"was-ist-der-unterschied-zwischen-vektorgrafik-und-pixelbild","status":"publish","type":"post","link":"https:\/\/www.vispronet.de\/blog\/was-ist-der-unterschied-zwischen-vektorgrafik-und-pixelbild\/","title":{"rendered":"Was ist der Unterschied zwischen Vektorgrafik und Pixelbild?"},"content":{"rendered":"\n<p>Wolltest du das sch\u00f6ne Foto und das Logo von deiner Webseite auf ein XXL Banner drucken lassen und hast auf deine Anfrage nur verst\u00e4ndnislose Kommentare erhalten? Erz\u00e4hlte der Spezialist am Telefon irgendetwas von Pixel und Vektor?<br>In unserem heutigen Beitrag erkl\u00e4ren wir dir den Unterschied zwischen den Begriffen <strong>Pixelbild <\/strong>und <strong>Vektorgrafik<\/strong>. Was sind die Besonderheiten? F\u00fcr welches Einsatzgebiet ist welches Format empfehlenswert?<\/p>\n\n\n\n<ul class=\"wp-block-list index\">\n<li><a href=\"#vp1\">Was unterscheidet Vektorgrafik und Pixelbilder?<\/a><\/li>\n\n\n\n<li><strong><a href=\"#vp2\">Was ist eine Vektorgrafik?<\/a><\/strong><\/li>\n\n\n\n<li><a href=\"#bestandteile-vektorgrafik\">Aus welchen Bestandteilen entsteht eine Vektorgrafik?<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"#vp4\">Die Grundbausteine: Lineare Pfade und B\u00e9zierkurven<\/a><\/li>\n\n\n\n<li><a href=\"#vp5\">Wenn es komplizierter wird: Splines<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"#vp6\">Wie erstellt man eine Vektorgrafik?<\/a><\/li>\n\n\n\n<li><a href=\"#vp7\">Welches Format hat eine Vektorgrafik?<\/a><\/li>\n\n\n\n<li><a href=\"#vp8\">Welches Programm benutzt man f\u00fcr die Bearbeitung von Vektoren?<\/a><\/li>\n\n\n\n<li><a href=\"#vp21\">Vorteile &amp; Nachteile einer Vektorgrafik<\/a><\/li>\n\n\n\n<li><a href=\"#vp10\">Wo setzt man Vektorbilder ein?<\/a><\/li>\n\n\n\n<li><strong><a href=\"#pixelbild\">Was ist ein Pixelbild?<\/a><\/strong><\/li>\n\n\n\n<li><a href=\"#vp12\">Was ist ein Pixel?<\/a><\/li>\n\n\n\n<li><a href=\"#vp13\">Wie werden Pixelbilder erfasst?<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"#vp14\">Digitale Kamera<\/a><\/li>\n\n\n\n<li><a href=\"#vp15\">Scanner<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"#vp16\">Welches Format hat ein Pixelbild?<\/a><\/li>\n\n\n\n<li><a href=\"#vp17\">Welches Programm benutzt man f\u00fcr die Bearbeitung von Pixelbildern?<\/a><\/li>\n\n\n\n<li><a href=\"#vp18\">Vorteile &amp; Nachteile eines Pixelbildes<\/a><\/li>\n\n\n\n<li><a href=\"#vp19\">Wo werden Pixelbilder eingesetzt?<\/a><\/li>\n\n\n\n<li><a href=\"#vp20\">Fazit<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vp1\">Was unterscheidet Vektorgrafik und Pixelbilder?<\/h2>\n\n\n\n<p>Ganz einfach auf den Punkt gebracht, bestehen <strong>Vektorgrafiken<\/strong> aus Fl\u00e4chen, Linien und Vielecken, die mathematisch berechnet werden. <strong>Pixelbilder<\/strong> setzen sich dagegen aus Bildpunkten zusammen. Diese werden als Pixel bezeichnet und sind in einem Raster angeordnet.<br>In der Animation erkennst du, wie sich die Vergr\u00f6\u00dferung auf die Darstellung der beiden Formate auswirkt.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/unterschied-pixelbild-vektorgrafik-1.gif\" data-rel=\"lightbox-image-0\" data-magnific_type=\"image\" data-rl_title=\"Der Unterschied zwischen Pixelbild und Vektorgrafik, verschiedene Vergr\u00f6\u00dferungen\" data-rl_caption=\"\" title=\"Der Unterschied zwischen Pixelbild und Vektorgrafik, verschiedene Vergr\u00f6\u00dferungen\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"559\" src=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/unterschied-pixelbild-vektorgrafik-1.gif\" alt=\"Der Unterschied zwischen Pixelbild und Vektorgrafik, verschiedene Vergr\u00f6\u00dferungen\" class=\"wp-image-5703\"\/><\/a><\/figure>\n<\/div>\n\n\n<p><br>In den folgenden Kapiteln erkl\u00e4ren wir dir beide Formate ganz detailliert. Was sind die Bestandteile der Darstellungsformate, wo liegen ihre Vor-und Nachteile. F\u00fcr welche Designs wendest du sie am besten an.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vektorgrafik\"><strong>Was ist eine Vektorgrafik?<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-top\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/vektorgrafik-detail.jpg\" data-rel=\"lightbox-image-1\" data-magnific_type=\"image\" data-rl_title=\"Vektorgrafik mit Detailansicht\" data-rl_caption=\"\" title=\"Vektorgrafik mit Detailansicht\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"489\" src=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/vektorgrafik-detail.jpg\" alt=\"Vektorgrafik mit Detailansicht\" class=\"wp-image-5587 size-full\" srcset=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/vektorgrafik-detail.jpg 1000w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/vektorgrafik-detail-768x376.jpg 768w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/vektorgrafik-detail-300x147.jpg 300w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/vektorgrafik-detail-440x215.jpg 440w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>Der Begriff <strong>Vektor<\/strong> ist dir vielleicht aus dem Fach Mathematik bekannt. <strong>Vektorgrafiken<\/strong> bestehen aus Elementen wie Linien, Fl\u00e4chen oder Vielecken, die mit mathematischen Werten genau definiert sind. Diese Elemente werden auch als <a href=\"https:\/\/de.wikipedia.org\/wiki\/Grafisches_Primitiv\" target=\"_blank\" rel=\"noreferrer noopener\">grafische Primitive<\/a> bezeichnet. Du hast die M\u00f6glichkeit dieser Liniengrafik F\u00fcllungs- und Umrissfarbe zuzuweisen, ebenso wie Verl\u00e4ufe oder Musterf\u00fcllungen.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"bestandteile-vektorgrafik\">Aus welchen Bestandteilen entsteht eine Vektorgrafik?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"vp4\">Die Grundbausteine: Lineare Pfade und B\u00e9zierkurven<\/h3>\n\n\n\n<p>Grundlage f\u00fcr all diese grafischen Elemente sind neben<strong> linearen Pfaden<\/strong>, die <strong>B\u00e9zierkurven<\/strong>. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/vektor-vorschauansicht-pfadansicht.jpg\" data-rel=\"lightbox-image-2\" data-magnific_type=\"image\" data-rl_title=\"Vektorgrafik mit Vorschau- und Pfadansicht\" data-rl_caption=\"\" title=\"Vektorgrafik mit Vorschau- und Pfadansicht\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"562\" src=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/vektor-vorschauansicht-pfadansicht.jpg\" alt=\"Vektorgrafik mit Vorschau- und Pfadansicht\" class=\"wp-image-5557\" style=\"width:816px;height:458px\" srcset=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/vektor-vorschauansicht-pfadansicht.jpg 1000w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/vektor-vorschauansicht-pfadansicht-768x432.jpg 768w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/vektor-vorschauansicht-pfadansicht-288x162.jpg 288w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/vektor-vorschauansicht-pfadansicht-300x169.jpg 300w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/vektor-vorschauansicht-pfadansicht-440x247.jpg 440w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Mit<strong> linearen Pfaden<\/strong> kannst du Eckpunkte miteinander verbinden. Sicher soll dein Design aber nicht nur aus geraden Linien, Quadraten oder Vielecken bestehen. <\/p>\n\n\n\n<p>Sind deine kreativen Ideen formenreicher, kommen die <strong>B\u00e9zierkurven<\/strong> zum Einsatz. Die Position solch einer Kurve wird durch Start-, Scheitel- und Endpunkte beschrieben. Diese Punkte werden auch als <strong>Ankerpunkte<\/strong> bezeichnet. Sie besitzen <strong>Tangenten<\/strong>, an deren Enden sich Griff- und Kontrollpunkte befinden. \u00c4nderst du die Stellung dieser Griffe, wird sich der Verlauf deiner Kurve ver\u00e4ndern. Auf diese Weise lassen sich viele m\u00f6gliche Formen darstellen. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/bezierkurve-bestandteile.jpg\" data-rel=\"lightbox-image-3\" data-magnific_type=\"image\" data-rl_title=\"Bestandteile der B\u00e9zierkurve\" data-rl_caption=\"\" title=\"Bestandteile der B\u00e9zierkurve\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"473\" src=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/bezierkurve-bestandteile.jpg\" alt=\"Bestandteile der B\u00e9zierkurve\" class=\"wp-image-5559\" srcset=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/bezierkurve-bestandteile.jpg 1000w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/bezierkurve-bestandteile-768x363.jpg 768w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/bezierkurve-bestandteile-300x142.jpg 300w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/bezierkurve-bestandteile-440x208.jpg 440w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-infobox-bg-background-color has-background\"><em>Namensgeber der <strong>B\u00e9zierkurven<\/strong> ist der franz\u00f6sische Mathematiker Pierre B\u00e9zier. In den 1960er Jahren entwickelte er f\u00fcr den Autohersteller Renault ein mathematisches Modell zur Berechnung von Kurven bei der Herstellung von Karosserieteilen.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"vp5\">Wenn es komplizierter wird: Splines<\/h3>\n\n\n\n<p>Eine weitere Form von Kurven sind die <strong>Splines<\/strong>. Der Begriff kommt aus dem Schiffsbau und beschreibt die Form der Planken.<\/p>\n\n\n\n<p><strong>Splines<\/strong> unterscheiden sich von <strong>B\u00e9zierkurven<\/strong> durch das zugrunde gelegte mathematische Modell, welches noch bessere Darstellungsm\u00f6glichkeiten bietet. Dabei handelt es sich um eine geometrische Modellierung, bei der eine Linie anhand bekannter Punkte gebogen, also modelliert wird. <\/p>\n\n\n\n<p>H\u00e4ufig verwenden Programmierer Splines f\u00fcr Kurzanimationen und dynamische Pr\u00e4sentationen. Dabei werden Objekte an dem Spline ausgerichtet und bewegen sich entlang dieses Pfades durch eine vorgegebene Szene.<\/p>\n\n\n\n<p>Eine Sonderform der Splines sind <strong><a aria-label=\"undefined (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/de.wikipedia.org\/wiki\/Non-Uniform_Rational_B-Spline\" target=\"_blank\">NURBS<\/a><\/strong> (Non-Uniform Rational B-Splines). Sie bilden die Grundlage f\u00fcr dreidimensionales Gestalten, da sie auch r\u00e4umliche Beschreibungen erm\u00f6glichen. Unsere flei\u00dfigen Grafiker setzen viele unserer Produkte auch als 3D-Modell um. Sie statten die Modelle mit einem individuellen Druck aus und bauen sie zur schnellen Visualisierung in die gew\u00fcnschte Szene ein.<\/p>\n\n\n\n<p>In unserem Bild seht ihr ein einfaches Gittermodell aus NURBS-Pfaden und ein 3D-Modell mit einer individuellen Textur.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/modell-nurbs-3d.jpg\" data-rel=\"lightbox-image-4\" data-magnific_type=\"image\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"559\" src=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/modell-nurbs-3d.jpg\" alt=\"Gittermodel aus NURBS Pfaden und mit individuellem Druck\n\" class=\"wp-image-5713\" srcset=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/modell-nurbs-3d.jpg 1000w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/modell-nurbs-3d-768x429.jpg 768w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/modell-nurbs-3d-288x162.jpg 288w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/modell-nurbs-3d-300x168.jpg 300w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/modell-nurbs-3d-440x246.jpg 440w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"vp6\">Wie erstellt man eine Vektorgrafik?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"methode-1\">Methode 1<\/h3>\n\n\n\n<p>\u00dcber die Zeichenfunktionen von Grafikprogrammen kannst du die Design-Elemente selbst erstellen. Du hast die M\u00f6glichkeit die vorgegebenen Formen genau zu definieren. Zum Beispiel bestimmst du die Seitenl\u00e4ngen eines Rechtecks durch die Angabe von H\u00f6he und Breite. Hinzu kommen das Festlegen der <a href=\"\/blog\/farbpsychologie-marketing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Farben<\/a> von F\u00fcllung und Kontur, sowie von Aussehen und der Breite der Kontur. Auf diese Art und Weise erzeugst du ganz exakt die Teile deiner Gestaltung.<\/p>\n\n\n\n<p>Neben festgelegten Grundformen kannst du \u00fcber Freiform-Werkzeuge auch Pfade mit unregelm\u00e4\u00dfigem Aussehen erstellen. <br>Durch das setzen von Punkten und der Verbindung durch Linien, entstehen auf diese Weise Grafiken in ganz eigenen Formen.<br>Wir empfehlen dir diese M\u00f6glichkeit f\u00fcr die Vektorisierung einfacher Pixelbilder. Lege das Pixelbild auf eine Ebene und zeichne auf einer weiteren Ebene die Elemente mit dem Zeichenwerkzeug nach. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"methode-2\">Methode 2<\/h3>\n\n\n\n<p>Dir dauert das vektorisieren mit dem Zeichenwerkzeug zu lange? Dann teste die Funktion zum automatischen Nachzeichnen von Bildern. \u00dcber verschiedene Einstellungen kannst du steuern, wie genau dein Pixelbild in eine Vektorgrafik umgewandelt werden soll und wie viele Farben aus dem Bild \u00fcbernommen werden.<\/p>\n\n\n\n<p>Bitte beachtet: Schriften solltet ihr mit den beiden Methoden nicht bearbeiten. Denn vektorisierte Schriften wirken oft unsauber und nicht professionell.<br>Unser L\u00f6sungsvorschlag: Schreibt eure Texte in einer geeigneten Schriftart einfach neu. Dann klappts beim Druck.<\/p>\n\n\n\n<div class=\"wp-block-columns has-infobox-bg-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:10%\"><style>.wp-block-kadence-icon.kt-svg-icons4995_e56bab-66{justify-content:center;}<\/style>\n<div class=\"wp-block-kadence-icon kt-svg-icons kt-svg-icons4995_e56bab-66 alignnone\"><style>.kt-svg-item-4995_8ec608-28 .kb-svg-icon-wrap, .kt-svg-style-stacked.kt-svg-item-4995_8ec608-28 .kb-svg-icon-wrap{color:rgb(0, 98, 161);font-size:50px;}<\/style>\n<div class=\"wp-block-kadence-single-icon kt-svg-style-default kt-svg-icon-wrap kt-svg-item-4995_8ec608-28\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_info-circle\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"\/><\/svg><\/span><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:90%\">\n<p>In unseren Tutorials <a href=\"\/blog\/bild-in-vektorgrafik-umwandeln\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bild in Vektorgrafik umwandeln<\/a> und <a href=\"https:\/\/www.vispronet.de\/blog\/bild-in-vektorgrafik-umwandeln\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vektorgrafik erstellen mit Inkscape &amp; Illustrator<\/a> bekommst du einfache Schritt-f\u00fcr-Schritt-Anleitungen, mit denen du spielend leicht deine Vektorgrafik erstellst.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vp7\">Welches Format hat eine Vektorgrafik?<\/h2>\n\n\n\n<p><strong>Typische Vektorformate sind:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>AI<\/strong> (Adobe Illustrator)<\/li>\n\n\n\n<li><strong>EPS<\/strong> (Encapsulated PostScript)<\/li>\n\n\n\n<li><strong>SVG<\/strong> (Scalable Vector Graphics)<\/li>\n\n\n\n<li><strong>CDR<\/strong> (Corel Draw)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vp8\">Welches Programm benutzt man f\u00fcr die Bearbeitung von Vektoren?<\/h2>\n\n\n\n<p><strong>Typische vektorbasierte Grafikprogramme (kostenpflichtig) sind:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adobe Illustrator<\/li>\n\n\n\n<li>Corel Draw<\/li>\n\n\n\n<li>Affinity Designer<\/li>\n\n\n\n<li>Macromedia Freehand<\/li>\n<\/ul>\n\n\n\n<p><strong>Kostenfreie Alternativen:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Inkscape<\/li>\n\n\n\n<li>Gravit Designer<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vp21\"> Vorteile &amp; Nachteile einer Vektorgrafik <\/h2>\n\n\n<style>.kb-row-layout-id4995_1602ae-18 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4995_1602ae-18 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4995_1602ae-18 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id4995_1602ae-18 > .kt-row-layout-overlay{opacity:0.29;background:linear-gradient(180deg,  45%, rgba(NaN, 10, NaN, 0) 88%);}@media all and (max-width: 1024px){.kb-row-layout-id4995_1602ae-18 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id4995_1602ae-18 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4995_1602ae-18 alignnone kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-layout-overlay kt-row-overlay-gradient\"><\/div><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4995_c7f7a9-65 > .kt-inside-inner-col,.kadence-column4995_c7f7a9-65 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4995_c7f7a9-65 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4995_c7f7a9-65 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4995_c7f7a9-65 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4995_c7f7a9-65 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4995_c7f7a9-65{position:relative;}@media all and (max-width: 1024px){.kadence-column4995_c7f7a9-65 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4995_c7f7a9-65 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4995_c7f7a9-65 inner-column-1\"><div class=\"kt-inside-inner-col\">\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"vp9\">Vorteile<\/h3>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_ea8849-89:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_ea8849-89 ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_ea8849-89 ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_ea8849-89 ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items4995_ea8849-89 kt-svg-icon-list-columns-1 alignnone\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-4995_143989-df .kt-svg-icon-list-single{font-size:20px !important;color:rgb(121, 181, 28) !important;}.kt-svg-icon-list-item-4995_143989-df .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_143989-df kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_plus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Skalierbar ohne Qualit\u00e4tsverlust<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-4995_f26c99-de .kt-svg-icon-list-single{font-size:20px !important;color:rgb(121, 181, 28) !important;}.kt-svg-icon-list-item-4995_f26c99-de .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_f26c99-de kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_plus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Geringer Speicherbedarf<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-4995_90f3d4-85 .kt-svg-icon-list-single{font-size:20px !important;color:rgb(121, 181, 28) !important;}.kt-svg-icon-list-item-4995_90f3d4-85 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_90f3d4-85 kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_plus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Schnellerer Bildaufbau<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-4995_ea2cce-e6 .kt-svg-icon-list-single{font-size:20px !important;color:rgb(121, 181, 28) !important;}.kt-svg-icon-list-item-4995_ea2cce-e6 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_ea2cce-e6 kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_plus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Einfaches Editieren<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-4995_800d7e-9d .kt-svg-icon-list-single{font-size:20px !important;color:rgb(121, 181, 28) !important;}.kt-svg-icon-list-item-4995_800d7e-9d .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_800d7e-9d kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_plus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Unkomplizierte Umwandlung in Pixelbild m\u00f6glich<\/span><\/li>\n<\/ul><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column4995_e2e48f-8b > .kt-inside-inner-col,.kadence-column4995_e2e48f-8b > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4995_e2e48f-8b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4995_e2e48f-8b > .kt-inside-inner-col{flex-direction:column;}.kadence-column4995_e2e48f-8b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4995_e2e48f-8b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4995_e2e48f-8b{position:relative;}@media all and (max-width: 1024px){.kadence-column4995_e2e48f-8b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4995_e2e48f-8b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4995_e2e48f-8b inner-column-2\"><div class=\"kt-inside-inner-col\">\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"VP22\">Nachteile<\/h3>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_d9478b-75:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_d9478b-75 ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_d9478b-75 ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_d9478b-75 ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items4995_d9478b-75 kt-svg-icon-list-columns-1 alignnone\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-4995_f50d9e-13 .kt-svg-icon-list-single{font-size:20px !important;color:rgb(207, 46, 46) !important;}.kt-svg-icon-list-item-4995_f50d9e-13 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_f50d9e-13 kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_minus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Detailreiche und effektvolle Bilder schlecht darstellbar<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-4995_7b8d74-cd .kt-svg-icon-list-single{font-size:20px !important;color:rgb(207, 46, 46) !important;}.kt-svg-icon-list-item-4995_7b8d74-cd .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_7b8d74-cd kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_minus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Fotorealistische Bilder nur schlecht umsetzbar<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-4995_b18488-8a .kt-svg-icon-list-single{font-size:20px !important;color:rgb(207, 46, 46) !important;}.kt-svg-icon-list-item-4995_b18488-8a .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_b18488-8a kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_minus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Vektorformate werden nicht von allen Anwendungen unterst\u00fctzt<\/span><\/li>\n<\/ul><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"vp10\">Wo setzt man Vektorbilder ein?<\/h2>\n\n\n\n<p>Egal ob du einen kleinen Aufkleber oder ein XXL Banner beauftragen m\u00f6chtest, mit einer professionell erstellten Vektorgrafik bist du immer auf der sicheren Seite. Sie eignen sich hervorragend f\u00fcr alle geometrischen Elemente. Vor allem bei Logos und Schriften spielen Vektoren ihre gro\u00dfe St\u00e4rke aus. \u00dcber Treppeneffekte, wie man sie h\u00e4ufig bei zu gering aufgel\u00f6sten Rasterbildern findet, brauchst du dir keine Sorgen machen. Bei Grafiken, die du in verschiedenen Gr\u00f6\u00dfen verwendest, sind Vektorgrafiken ebenso empfehlenswert. Insbesondere Schriften sollten immer als Vektoren vorliegen um die Lesbarkeit zu garantieren.<\/p>\n\n\n\n<p>Allerdings solltest du darauf achten, dass deine Schiften oder Designs nicht zu winzig dargestellt werden. In unserem Blog-Beitrag zum Thema &#8222;<a href=\"https:\/\/www.vispronet.de\/blog\/druckdaten-erstellen\/\" target=\"_blank\" aria-label=\"undefined (opens in a new tab)\" rel=\"noreferrer noopener\">Druckdaten-Erstellung<\/a>&#8220;  erh\u00e4lst du wichtige Informationen zum Thema Mindest-Strichst\u00e4rken.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-vispronet-blue-color has-css-opacity has-vispronet-blue-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pixelbild\">Was ist ein Pixelbild?<\/h2>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-top\"><div class=\"wp-block-media-text__content\">\n<p>Dieses setzt sich aus einem Raster von \u201epicture elements\u201c oder kurz \u201ePixeln\u201c zusammen. Auf diese Weise werden Computer verwertbare Daten f\u00fcr die Darstellung eines Bildes erzeugt.<\/p>\n\n\n\n<p>Oft kannst du auch die Bezeichnungen Pixelgrafik oder Rastergrafik finden. Sie haben die gleichen Eigenschaften.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixelbild-detail.jpg\" data-rel=\"lightbox-image-5\" data-magnific_type=\"image\" data-rl_title=\"Pixelgrafik mit Detailansicht\" data-rl_caption=\"\" title=\"Pixelgrafik mit Detailansicht\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"503\" src=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixelbild-detail.jpg\" alt=\"Pixelgrafik mit Detailansicht\" class=\"wp-image-5589 size-full\" srcset=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixelbild-detail.jpg 1000w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixelbild-detail-768x386.jpg 768w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixelbild-detail-300x151.jpg 300w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixelbild-detail-440x221.jpg 440w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vp12\">Was ist ein Pixel?<\/h2>\n\n\n\n<p>Das Pixel ist die kleinste Fl\u00e4cheneinheit bei der Darstellung eines digitalen Rasterbildes. Es ist quadratisch oder rechteckig und innerhalb eines Pixelbildes gleich gro\u00df. Die Position des einzelnen Pixels wird durch x- und y-Koordinate, bezogen auf das gesamte Format, festgelegt. Das Pixel speichert Informationen zu Farbe, Helligkeit und Transparenz.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixel-pipette-vergroesserung.jpg\" data-rel=\"lightbox-image-6\" data-magnific_type=\"image\" data-rl_title=\"Pixelbild, Farbwerte mit Pipette von einem Pixel abnehmen\" data-rl_caption=\"\" title=\"Pixelbild, Farbwerte mit Pipette von einem Pixel abnehmen\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"563\" src=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixel-pipette-vergroesserung.jpg\" alt=\"Pixelbild, Farbwerte mit Pipette von einem Pixel abnehmen\" class=\"wp-image-5561\" srcset=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixel-pipette-vergroesserung.jpg 1000w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixel-pipette-vergroesserung-768x432.jpg 768w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixel-pipette-vergroesserung-288x162.jpg 288w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixel-pipette-vergroesserung-300x169.jpg 300w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixel-pipette-vergroesserung-440x248.jpg 440w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Jedem Bildpunkt ist ein individueller Farbwert zugewiesen. Die Anzahl der Pixel bestimmt die Qualit\u00e4t des Bildes. Theoretisch bist du in der Lage, jedes Pixel einzeln zu bearbeiten. Das ist nat\u00fcrlich sehr aufw\u00e4ndig und auch nicht sinnvoll. In vielen Bereichen der Werbeindustrie werden Pixelbilder jedoch stark \u00fcberarbeitet. Paradebeispiel ist die Modebranche, die auf diese Weise ihre Produkte immer perfekt inszeniert.<\/p>\n\n\n<style>.wp-block-kadence-icon.kt-svg-icons4995_904139-a4{justify-content:center;}<\/style>\n<div class=\"wp-block-kadence-icon kt-svg-icons kt-svg-icons4995_904139-a4 alignnone\"><style>.kt-svg-item-4995_ccd814-6d .kb-svg-icon-wrap, .kt-svg-style-stacked.kt-svg-item-4995_ccd814-6d .kb-svg-icon-wrap{color:rgb(0, 98, 161);font-size:50px;}<\/style>\n<div class=\"wp-block-kadence-single-icon kt-svg-style-default kt-svg-icon-wrap kt-svg-item-4995_ccd814-6d\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_info-circle\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"\/><\/svg><\/span><\/div>\n<\/div>\n\n\n\n<p>Die Anzahl der Pixel auf das Fl\u00e4chenformat wird <strong>Aufl\u00f6sung<\/strong> genannt. Mehr zu diesem Thema erf\u00e4hrst du in unserem Blog-Beitrag <a href=\"https:\/\/www.vispronet.de\/blog\/was-versteht-man-unter-der-aufloesung-eines-fotos\/\" target=\"_blank\" rel=\"noreferrer noopener\">Was versteht man unter Aufl\u00f6sung eines Fotos?<\/a><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixelbild-aufloesung.jpg\" data-rel=\"lightbox-image-7\" data-magnific_type=\"image\" data-rl_title=\"Pixelbild in verschiedenen Aufl\u00f6sungen\" data-rl_caption=\"\" title=\"Pixelbild in verschiedenen Aufl\u00f6sungen\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"563\" src=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixelbild-aufloesung.jpg\" alt=\"Pixelbild in verschiedenen Aufl\u00f6sungen\" class=\"wp-image-5583\" srcset=\"https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixelbild-aufloesung.jpg 1000w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixelbild-aufloesung-768x432.jpg 768w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixelbild-aufloesung-288x162.jpg 288w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixelbild-aufloesung-300x169.jpg 300w, https:\/\/www.vispronet.de\/blog\/wp-content\/uploads\/pixelbild-aufloesung-440x248.jpg 440w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-infobox-bg-background-color has-background\"><em>Ins Deutsche \u00fcbertragen ist das <strong>Picture Element<\/strong> ein Bildpunkt.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vp13\">Wie werden Pixelbilder erfasst?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"vp14\">Digitale Kamera<\/h3>\n\n\n\n<p>In einer Digitalkamera erfolgt die Erfassung der Bildinformation  mit&nbsp; Sensoren auf dem CCD- oder CMOS-Chip.<br>Dabei wird das durch die Linse einfallende Licht in elektronische Signale umgewandelt.<\/p>\n\n\n\n<p class=\"has-infobox-bg-background-color has-background\"><em><strong>CCD<\/strong> und <strong>CMOS <\/strong>sind Halbleiter-Bauelemente. Die Abk\u00fcrzung CCD steht f\u00fcr charge-coupled-device, CMOS f\u00fcr complementary metal oxide semiconductor. <\/em><\/p>\n\n\n\n<p>Der Sensor wandelt dabei die Farbinformationen direkt in die Teilfarben Rot, Gr\u00fcn und Blau um (RGB). In den meisten Digitalkameras erfolgt die Signalverarbeitung und die Anordnung der Sensoren durch die Bayer-Matrix. Dabei erfasst jeder Filtertyp nur die entsprechenden Farbanteile.<\/p>\n\n\n\n<p class=\"has-infobox-bg-background-color has-background\"><em>Mitte der 1970er Jahre entwickelte der amerikanischen Physiker Bryce Bayer die  gleichnamige Bayer-Matrix f\u00fcr die Anordnung von Sensorelementen. Sie beruht auf den Eigenschaften des menschlichen Auges. Die Sensoren sind mit 50 Prozent gr\u00fcner und je 25 Prozent blauer und roter Filterschicht ausgestattet.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"vp15\">Scanner<\/h3>\n\n\n\n<p>Beim Scanvorgang wird eine Physikalische Vorlage mit einem Sensor abgetastet. Diese analogen Daten werden in digitale umgewandelt.<\/p>\n\n\n\n<p>Scanner unterteilen sich in Auflicht- und Durchlichtger\u00e4te. Der Auflichtscanner beleuchtet eine lichtundurchl\u00e4ssige Vorlage, wie zum Beispiel ein Foto, mit einer Lichtquelle. Das reflektierte Licht wird durch einen optoelektronischen Zeilensensor&nbsp;aufgenommen.<\/p>\n\n\n\n<p>Mit Hilfe einer Photodiode wird das Licht in elektrische Energie umgewandelt. Je nach Intensit\u00e4t des Lichtes flie\u00dft mehr oder weniger Strom. Ein Analog-Digital-Umsetzer \u00e4ndert diese anschlie\u00dfend pixelweise in digitale Werte um. Mit Hilfe von Farbfiltern kann man auf diese Weise auch bunte Vorlagen abtasten.<\/p>\n\n\n\n<p>Durchlichtscanner werden f\u00fcr die Digitalisierung von lichtdurchl\u00e4ssigen Vorlagen verwendet, wie zum Beispiel Dias oder R\u00f6ntgenbilder. In diesem Fall misst das Ger\u00e4t das durch die Vorlage dringende Licht und setzt es in digitale Signale um.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vp16\">Welches Format hat ein Pixelbild?<\/h2>\n\n\n\n<p><strong>Typische Pixelformate:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>TIFF <\/strong>(Tagged Image File Format)<\/li>\n\n\n\n<li><strong>PSD<\/strong> (Adobe Photoshop)<\/li>\n\n\n\n<li><strong>JPG<\/strong> &#8211; abgek\u00fcrzt von <strong>JPEG<\/strong> (Joint Photographic Experts Group)<\/li>\n\n\n\n<li><strong>PNG<\/strong> (Portable Network Graphics)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vp17\">Welches Programm benutzt man f\u00fcr die Bearbeitung von Pixelbildern?<\/h2>\n\n\n\n<p><strong>Typische Bildbearbeitungsprogramme (kostenpflichtig):<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adobe Photoshop<\/li>\n\n\n\n<li>Corel Photopaint<\/li>\n\n\n\n<li>Affintity Photo<\/li>\n\n\n\n<li>Paintshop Pro<\/li>\n<\/ul>\n\n\n\n<p><strong>Kostenfreie Alternativen zum Bild bearbeiten:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gimp<\/li>\n\n\n\n<li>Paint.NET<\/li>\n\n\n\n<li>Photoscape X\u00a0<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vp18\"> Vorteile &amp; Nachteile eines Pixelbildes<\/h2>\n\n\n<style>.kb-row-layout-id4995_667d47-ef > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4995_667d47-ef > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4995_667d47-ef > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id4995_667d47-ef > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4995_667d47-ef > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id4995_667d47-ef > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4995_667d47-ef alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4995_eda2f3-4c > .kt-inside-inner-col,.kadence-column4995_eda2f3-4c > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4995_eda2f3-4c > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4995_eda2f3-4c > .kt-inside-inner-col{flex-direction:column;}.kadence-column4995_eda2f3-4c > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4995_eda2f3-4c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4995_eda2f3-4c{position:relative;}@media all and (max-width: 1024px){.kadence-column4995_eda2f3-4c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4995_eda2f3-4c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4995_eda2f3-4c inner-column-1\"><div class=\"kt-inside-inner-col\">\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"vp18\">Vorteile<\/h3>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_e69ec2-bd:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_e69ec2-bd ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_e69ec2-bd ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_e69ec2-bd ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}.kt-svg-icon-list-items4995_e69ec2-bd ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap, .kt-svg-icon-list-items4995_e69ec2-bd ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap a{text-transform:none;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items4995_e69ec2-bd kt-svg-icon-list-columns-1 alignnone\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-4995_1729ea-70 .kt-svg-icon-list-single{font-size:20px !important;color:rgb(121, 181, 28) !important;}.kt-svg-icon-list-item-4995_1729ea-70 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_1729ea-70 kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_plus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Ausgezeichnete Darstellung von detaillierten Bildern mit Verl\u00e4ufen, Effekten und Schattierungen<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-4995_423ce7-ab .kt-svg-icon-list-single{font-size:20px !important;color:rgb(121, 181, 28) !important;}.kt-svg-icon-list-item-4995_423ce7-ab .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_423ce7-ab kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_plus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Bearbeitung jedes einzelnen Pixels m\u00f6glich<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-4995_6d35bf-1a .kt-svg-icon-list-single{font-size:20px !important;color:rgb(121, 181, 28) !important;}.kt-svg-icon-list-item-4995_6d35bf-1a .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_6d35bf-1a kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_plus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Wird von vielen Programmen unterst\u00fctzt<\/span><\/li>\n<\/ul><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column4995_3a2ec7-07 > .kt-inside-inner-col,.kadence-column4995_3a2ec7-07 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4995_3a2ec7-07 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4995_3a2ec7-07 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4995_3a2ec7-07 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4995_3a2ec7-07 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4995_3a2ec7-07{position:relative;}@media all and (max-width: 1024px){.kadence-column4995_3a2ec7-07 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4995_3a2ec7-07 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4995_3a2ec7-07 inner-column-2\"><div class=\"kt-inside-inner-col\">\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"nachteile\">Nachteile<\/h3>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_fd85a1-aa:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_fd85a1-aa ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_fd85a1-aa ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items4995_fd85a1-aa ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items4995_fd85a1-aa kt-svg-icon-list-columns-1 alignnone\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-4995_7a2586-18 .kt-svg-icon-list-single{font-size:20px !important;color:rgb(207, 46, 46) !important;}.kt-svg-icon-list-item-4995_7a2586-18 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_7a2586-18 kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_minus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Nur begrenzt skalierbar, an Bildaufl\u00f6sung gebunden<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-4995_dca056-3f .kt-svg-icon-list-single{font-size:20px !important;color:rgb(207, 46, 46) !important;}.kt-svg-icon-list-item-4995_dca056-3f .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_dca056-3f kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_minus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Je besser die Qualit\u00e4t desto h\u00f6her der Speicherbedarf<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-4995_3aefb2-86 .kt-svg-icon-list-single{font-size:20px !important;color:rgb(207, 46, 46) !important;}.kt-svg-icon-list-item-4995_3aefb2-86 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4995_3aefb2-86 kt-svg-icon-list-style-default\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_minus-circle kt-svg-icon-list-single\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Umwandlung in Vektorgrafik ist schwieriger<\/span><\/li>\n<\/ul><\/div>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"vp19\">Wo werden Pixelbilder eingesetzt?<\/h2>\n\n\n\n<p>Haupteinsatzgebiet f\u00fcr Pixelbilder ist die Darstellung von digitalen Fotos. Je mehr Pixel ein Bild enth\u00e4lt, desto detailreicher ist die Darstellung deines Designs. Damit steigt aber auch der Speicherbedarf.<br>Die Dateigr\u00f6\u00dfe errechnest du \u00fcber diese Formel:<br><strong>Breite (Anzahl der Pixel) x H\u00f6he (Anzahl der Pixel) x Farbtiefe (Bit)<\/strong><\/p>\n\n\n\n<p>F\u00fcr <a href=\"https:\/\/www.vispronet.de\/\" target=\"_blank\" rel=\"noreferrer noopener\">Druckerei<\/a>-Erzeugnisse wird oft eine konkrete Mindestaufl\u00f6sung angegeben. Diese sichert ein optimales Druckergebnis.<br>Bei Vispronet findest du die entsprechenden Angaben auf Seite 1 der <a aria-label=\"undefined (opens in a new tab)\" href=\"https:\/\/www.vispronet.de\/info-support\/visprodesign-druckdaten\/layoutvorlagen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Layoutvorlage<\/a>, die wir dir f\u00fcr jeden Artikel zur Verf\u00fcgung stellen. In unserem <a aria-label=\"undefined (opens in a new tab)\" href=\"https:\/\/www.vispronet.de\/blog\/druckdaten-erstellen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Leitfaden<\/a> erkl\u00e4ren wir dir ausf\u00fchrlich alle Details. Damit wird die Erstellung deiner Druckdaten ein Kinderspiel.<\/p>\n\n\n\n<p>Webdesigner nutzen Bilder in einer m\u00f6glichst niedrigen Aufl\u00f6sung, um die Ladezeit der Website nicht zu beeintr\u00e4chtigen. M\u00f6chtest du die Geschwindigkeit deiner Seite testen? Wir empfehlen dir Googles <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">PageSpeed\u00a0Insights<\/a>, damit erf\u00e4hrst du schnell, an welcher Stelle du nachbessern solltest.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vp20\">Fazit<\/h2>\n\n\n\n<p>Moderne Programme zur Bearbeitung von Bildern bieten mittlerweile M\u00f6glichkeiten Pixelbild und Vektorgrafik miteinander zu kombinieren. Marktf\u00fchrer Adobe setzt beispielsweise seit geraumer Zeit auf Smartobjekte im Programm Adobe Photoshop, sodass auch Vektorgrafiken in Pixelbilder integriert oder verkn\u00fcpft werden k\u00f6nnen.<br>Ebenso kannst du im Vektor-Bearbeitungsprogramm Adobe Illustrator Bilder verkn\u00fcpfen oder einbetten. Dadurch k\u00f6nnen sich auch Pixelbilder in einer AI-Datei &#8222;verstecken&#8220;.<\/p>\n\n\n\n<div class=\"wp-block-columns has-infobox-bg-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:10%\"><style>.wp-block-kadence-icon.kt-svg-icons4995_96f122-6a{justify-content:center;}<\/style>\n<div class=\"wp-block-kadence-icon kt-svg-icons kt-svg-icons4995_96f122-6a alignnone\"><style>.kt-svg-item-4995_2f9b83-93 .kb-svg-icon-wrap, .kt-svg-style-stacked.kt-svg-item-4995_2f9b83-93 .kb-svg-icon-wrap{color:rgb(0, 98, 161);font-size:50px;}<\/style>\n<div class=\"wp-block-kadence-single-icon kt-svg-style-default kt-svg-icon-wrap kt-svg-item-4995_2f9b83-93\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_info-circle\"><svg viewBox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"\/><\/svg><\/span><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:90%\">\n<p>Logos oder Bilder vektorisieren ist \u00fcbrigens gar nicht so schwer. Programme und Arbeitsschritte findest du in unserem Beitrag <a href=\"\/blog\/bild-in-vektorgrafik-umwandeln\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bild in Vektorgrafik umwandeln<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p>Welche Erfahrungen hast du mit Vektorgrafiken und Pixelbildern gemacht? Welche Programme bevorzugst du f\u00fcr die Bearbeitung? Schreib uns einen Kommentar zu deinen Erfahrungen.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In unserem heutigen Beitrag erkl\u00e4ren wir dir den Unterschied zwischen den Begriffen Pixelbild und Vektorgrafik. Was sind die Besonderheiten? F\u00fcr welches Einsatzgebiet ist welches Format empfehlenswert?<\/p>\n","protected":false},"author":27,"featured_media":5451,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[63],"tags":[66,397,399,407,403,67,391,395,405,409,401,393,389],"class_list":["post-4995","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-insight","tag-aufloesung","tag-bezierkurve","tag-bezierkurve-2","tag-digitalkamera","tag-nurbs","tag-pixel","tag-pixelbild","tag-rasterbild","tag-scanner","tag-sensor","tag-spline","tag-vektor","tag-vektorgrafik"],"_links":{"self":[{"href":"https:\/\/www.vispronet.de\/blog\/wp-json\/wp\/v2\/posts\/4995","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vispronet.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vispronet.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vispronet.de\/blog\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vispronet.de\/blog\/wp-json\/wp\/v2\/comments?post=4995"}],"version-history":[{"count":17,"href":"https:\/\/www.vispronet.de\/blog\/wp-json\/wp\/v2\/posts\/4995\/revisions"}],"predecessor-version":[{"id":26992,"href":"https:\/\/www.vispronet.de\/blog\/wp-json\/wp\/v2\/posts\/4995\/revisions\/26992"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vispronet.de\/blog\/wp-json\/wp\/v2\/media\/5451"}],"wp:attachment":[{"href":"https:\/\/www.vispronet.de\/blog\/wp-json\/wp\/v2\/media?parent=4995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vispronet.de\/blog\/wp-json\/wp\/v2\/categories?post=4995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vispronet.de\/blog\/wp-json\/wp\/v2\/tags?post=4995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}