{"id":40172,"date":"2026-07-16T09:48:18","date_gmt":"2026-07-16T07:48:18","guid":{"rendered":"https:\/\/www.heavym.net\/?p=40172"},"modified":"2026-07-17T11:22:32","modified_gmt":"2026-07-17T09:22:32","slug":"graphic-concepts-aspect-ratio-resolution-layers-codecs","status":"publish","type":"post","link":"https:\/\/www.heavym.net\/de\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/","title":{"rendered":"Grafikkonzepte: Seitenverh\u00e4ltnis, Aufl\u00f6sung, Ebenen, Codecs"},"content":{"rendered":"<h2 class=\"wp-block-heading\" id=\"h-tl-dr\">TL;DR <\/h2>\n\n\n\n<p>Um ein makelloses projection mapping zu erstellen, m\u00fcssen Sie wichtige grafische Konzepte beherrschen. Aufl\u00f6sung und Seitenverh\u00e4ltnis bestimmen die Sch\u00e4rfe und die physische Form Ihres Bildes. Ebenen helfen Ihnen dabei, Ihre visuelle Komposition zu strukturieren, w\u00e4hrend die Wahl des richtigen Videocodecs (wie H.264 oder HAP) eine fl\u00fcssige, verz\u00f6gerungsfreie Wiedergabe in projection mapping software wie HeavyM gew\u00e4hrleistet.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-aspect-ratio-and-resolution\">Seitenverh\u00e4ltnis und Aufl\u00f6sung<\/h2>\n\n\n\n<p><strong>Seitenverh\u00e4ltnis<\/strong>, auch bekannt als das Bildformat, ist ein <strong>Begriff aus dem Bereich Film und Video, der das Verh\u00e4ltnis zwischen der Breite und der H\u00f6he eines Bildes beschreibt.<\/strong> Es wird in der Regel durch zwei Zahlen ausgedr\u00fcckt, die durch einen Doppelpunkt oder einen Schr\u00e4gstrich getrennt sind, beispielsweise 4:3 oder 16:9. Ein Seitenverh\u00e4ltnis von 16:9 bedeutet beispielsweise, dass das Bild pro 16 Einheiten Breite eine H\u00f6he von 9 Einheiten aufweist.<\/p>\n\n\n\n<p>Dieses Seitenverh\u00e4ltnis betr\u00e4gt <strong>eng mit der Aufl\u00f6sung eines Bildschirms oder eines Videos verbunden.<\/strong> Die Aufl\u00f6sung gibt die Gesamtzahl der Pixel an, aus denen sich ein Bild zusammensetzt, und wird in der Regel als Kombination aus Breite und H\u00f6he in Pixeln angegeben. Zum Beispiel:, <strong>Eine Aufl\u00f6sung von 1920\u00d71080 bedeutet, dass das Bild 1920 Pixel in der Breite und 1080 Pixel in der H\u00f6he umfasst.<\/strong><\/p>\n\n\n\n<p>Der Zusammenhang zwischen Seitenverh\u00e4ltnis und Aufl\u00f6sung besteht darin, dass <strong>Das Seitenverh\u00e4ltnis bestimmt die Form des Bildes,<\/strong> w\u00e4hrend die Aufl\u00f6sung den Detaillierungsgrad des Bildes bestimmt. So k\u00f6nnen beispielsweise zwei Videos dieselbe Aufl\u00f6sung haben, doch wenn das eine ein Seitenverh\u00e4ltnis von 16:9 und das andere ein Seitenverh\u00e4ltnis von 4:3 aufweist, haben sie unterschiedliche Formen. Das 16:9-Video ist breiter und k\u00fcrzer als das 4:3-Video, obwohl beide die gleiche Gesamtanzahl an Pixeln haben. Au\u00dferdem, <strong>Die Wahl des Seitenverh\u00e4ltnisses und der Aufl\u00f6sung kann das Erscheinungsbild und die Qualit\u00e4t des Videos erheblich beeinflussen.<\/strong> bei der Darstellung auf verschiedenen Bildschirmtypen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Resolutions__ratios-1024x576.webp\" alt=\"\" class=\"wp-image-40173\" srcset=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Resolutions__ratios-1024x576.webp 1024w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Resolutions__ratios-300x169.webp 300w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Resolutions__ratios-768x432.webp 768w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Resolutions__ratios-1536x863.webp 1536w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Resolutions__ratios-18x10.webp 18w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Resolutions__ratios.webp 1820w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Die verschiedenen Aufl\u00f6sungen in Verbindung mit den Seitenverh\u00e4ltnissen<\/em><\/figcaption><\/figure>\n\n\n\n<p><strong>Je h\u00f6her die Aufl\u00f6sung, desto detailreicher ist das projizierte Bild.<\/strong><\/p>\n\n\n\n<p><strong>Zu den g\u00e4ngigen Aufl\u00f6sungen f\u00fcr video mapping geh\u00f6ren HD 720p (1280\u00d7720), Full HD 1080p (1920\u00d71080) und 4K UHD (4096\u00d72160).<\/strong> Die Wahl der Aufl\u00f6sung h\u00e4ngt vom gew\u00fcnschten Detaillierungsgrad des Projekts, der Gr\u00f6\u00dfe der Projektionsfl\u00e4che sowie von den Leistungsmerkmalen des verwendeten Projektors und der video mapping software ab.<\/p>\n\n\n\n<p><strong>Die HD-Aufl\u00f6sung bietet eine gute Bildqualit\u00e4t und ist in der Regel f\u00fcr kleine bis mittelgro\u00dfe Projekte ausreichend.<\/strong> Bei gr\u00f6\u00dferen oder komplexeren Projekten, die einen h\u00f6heren Detaillierungsgrad erfordern, kann jedoch eine 4K-Aufl\u00f6sung verwendet werden.<\/p>\n\n\n\n<p>Es ist wichtig, <strong>Beachten Sie, dass die Rechenlast f\u00fcr den Computer umso gr\u00f6\u00dfer ist, je h\u00f6her die Aufl\u00f6sung ist,<\/strong> Video mapping software und Projektor. Zudem erfordert eine h\u00f6here Aufl\u00f6sung auch mehr Speicherplatz f\u00fcr Videodateien.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ebenen, Deckkraft, F\u00fcllmethoden<\/h2>\n\n\n\n<p>Grafikdesign-Software nutzt ein System aus Ebenen, die im Englischen ebenfalls als \u2018layers\u2019 bezeichnet werden und \u00e4hnlich wie das beim traditionellen Zeichnen verwendete Transparentpapier funktionieren. <strong>Jede Ebene kann verschiedene grafische Elemente wie Text, Bilder, Formen usw. enthalten,<\/strong> usw. Diese Schichten sind \u00fcbereinander angeordnet, wobei die erste Schicht unten liegt und die anderen dar\u00fcber aufgeschichtet sind.<\/p>\n\n\n\n<p>Die Deckkraft hingegen, <strong>bezieht sich auf die Transparenz einer Ebene.<\/strong> Eine Ebene mit der Deckkraft 100% ist vollst\u00e4ndig undurchsichtig und verdeckt alle darunter liegenden Ebenen, w\u00e4hrend bei einer Ebene mit geringerer Deckkraft die darunter liegenden Ebenen in unterschiedlichem Ma\u00dfe durchscheinen. Durch Anpassen der Deckkraft einer Ebene k\u00f6nnen Benutzer \u00dcberlappungs- und \u00dcberblendungseffekte erzeugen, um komplexere und nuanciertere visuelle Ergebnisse zu erzielen.<\/p>\n\n\n\n<p>Durch die Bearbeitung von Ebenen und Deckkraft k\u00f6nnen Grafikdesigner <strong>verschiedene grafische Elemente flexibel organisieren, bearbeiten und kombinieren, ohne die Originaldaten zu ver\u00e4ndern.<\/strong> Dies erm\u00f6glicht mehr Kreativit\u00e4t und eine einfachere \u00dcberarbeitung von Entw\u00fcrfen, da jedes Element einzeln angepasst werden kann, ohne dass andere davon beeinflusst werden.<\/p>\n\n\n\n<p>Die Hierarchie im Ebenenbedienfeld folgt einer einfachen Regel: Im HeavyM-Canvas beispielsweise, <strong>Was in der Ebenenliste weiter oben steht, wird vor dem angezeigt, was weiter unten steht.<\/strong> Wenn Sie eine Form hinzuf\u00fcgen, \u00fcberdeckt diese die dahinter liegenden Formen, sodass Sie standardm\u00e4\u00dfig nur dann durchsehen k\u00f6nnen, wenn das dar\u00fcber liegende Objekt eine gewisse Transparenz aufweist.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"579\" data-src=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/normal-blend-1024x579.webp\" alt=\"\" class=\"wp-image-40174 lazyload\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/normal-blend-1024x579.webp 1024w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/normal-blend-300x170.webp 300w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/normal-blend-768x434.webp 768w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/normal-blend-1536x868.webp 1536w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/normal-blend-18x10.webp 18w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/normal-blend.webp 1720w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/579;\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Mischmodi<\/h3>\n\n\n\n<p>Vielleicht haben Sie schon einmal von <strong>Blend Modi<\/strong> da sie in Zeichen- oder Bildbearbeitungsprogrammen recht h\u00e4ufig vorkommen. Die <strong>Mischmodus<\/strong> Die Eigenschaften einer Ebene bestimmen, wie sie mit den darunterliegenden Ebenen zusammengef\u00fchrt wird.<\/p>\n\n\n\n<p><strong>Mischmodi sind im Wesentlichen eine Reihe von Formeln, die jedes Pixel der Ebene, auf die der Modus angewendet wird, sowie jedes direkt darunter liegende Pixel ber\u00fccksichtigen,<\/strong> mathematische Operationen anwenden und ein Ergebnis ermitteln. <strong>Jeder Modus verwendet eine andere Formel,<\/strong> Deshalb erh\u00e4lt man bei jedem Produkt eine andere Mischung. Wir werden hier nicht n\u00e4her auf die Zusammensetzung eingehen, da das wahrscheinlich ein ganzes Jahr dauern w\u00fcrde, aber im Internet finden Sie zahlreiche Informationen dazu, falls Sie daran interessiert sind.<\/p>\n\n\n\n<p><strong>In HeavyM werden Mischmodi auf Gruppen angewendet.<\/strong> Der <strong>\u201cNormal\u201d<\/strong> Dieser Modus ist der Standardmodus, wie in der obigen Einleitung beschrieben und veranschaulicht: Jede Gruppe verdeckt die dahinter liegenden Gruppen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">So verwenden Sie Mischmodi in HeavyM<\/h3>\n\n\n\n<p>In HeavyM gibt es 26 Mischmodi. Um den auf eine Gruppe angewendeten Modus zu \u00e4ndern, verwenden Sie das entsprechende Dropdown-Men\u00fc im Ebenenbedienfeld, das \u00fcber diese Schaltfl\u00e4che aufgerufen werden kann.<\/p>\n\n\n\n<p>und w\u00e4hlen Sie einfach den gew\u00fcnschten Modus aus der Liste aus. Wenn Sie mit der Maus \u00fcber die Eintr\u00e4ge in der Liste fahren, k\u00f6nnen Sie eine Vorschau der Auswirkungen der einzelnen Modi auf das Endergebnis anzeigen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"640\" height=\"471\" data-src=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/blend-modes-list.webp\" alt=\"\" class=\"wp-image-40175 lazyload\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/blend-modes-list.webp 640w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/blend-modes-list-300x221.webp 300w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/blend-modes-list-16x12.webp 16w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/471;\" \/><\/figure>\n\n\n\n<p>Sobald Sie auf einen Modus klicken, wird dieser angewendet, und Sie k\u00f6nnen das Ergebnis der \u00dcberblendung sofort sehen. Beachten Sie, dass ein \u00dcberblendungsmodus auf eine dar\u00fcberliegende Ebene angewendet werden muss. Und nat\u00fcrlich kann jede Gruppe ihren eigenen Modus haben, sodass Sie diese kombinieren k\u00f6nnen, um sehr komplexe Kompositionen zu erstellen.<\/p>\n\n\n\n<p><strong>Hinweis:<\/strong><\/p>\n\n\n\n<p>Die Schaltfl\u00e4che \u201eMischmodi\u201c hat zwei Zust\u00e4nde:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>wenn das \u2018<strong>Normal<\/strong>\u2018Der Modus \u201e\u201c wird angewendet<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>falls ein anderer Modus angewendet wird.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Die verschiedenen Arten von Mischmodi<\/h3>\n\n\n\n<p>Wie bereits erw\u00e4hnt, gibt es <strong>eine Liste mit 26 Mischmodi<\/strong>, die jeweils eine andere Zusammensetzung haben. Je nachdem, welche Zutaten Sie mischen, f\u00fchren sie zu sehr unterschiedlichen Ergebnissen, und ihre Bezeichnungen sind nicht immer aussagekr\u00e4ftig, sodass es anfangs schwierig sein kann, das Ergebnis vorherzusagen. Der beste Weg, sie kennenzulernen, ist, <strong>Probier sie doch einfach mal selbst aus!<\/strong><\/p>\n\n\n\n<p>Ein Aspekt, der jedoch n\u00fctzlich sein k\u00f6nnte, ist die Art und Weise, wie die Modi gegliedert sind. Vielleicht ist Ihnen aufgefallen, dass sie in der Liste in Kategorien unterteilt sind. Tats\u00e4chlich weisen einige Modi \u00c4hnlichkeiten in ihrem Verhalten auf:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Neutrale Modi (Normal)<\/strong>: Dar\u00fcber haben wir bereits gesprochen; dieser Modus steht f\u00fcr sich allein und ist der Standardmodus.<\/li>\n\n\n\n<li><strong>Dunkelstellungsmodi<\/strong> <strong>(Abdunkeln, Multiplizieren, Farbe nachbelichten, Linear nachbelichten)<\/strong>: Wie du dir vielleicht denken kannst, dienen diese dazu, das Ergebnis dunkler zu machen. Sie entfernen Wei\u00df in den Gruppen, auf die sie angewendet werden.<\/li>\n\n\n\n<li><strong>Blitzmodi<\/strong> <strong>(Aufhellen, Sieb, Farbe abwedeln, Linear abwedeln (additiv))<\/strong>: Wie du dir vielleicht denken kannst, dienen diese dazu, das Bild aufzuhellen. Sie entfernen Schwarz in den Bereichen, auf die sie angewendet werden.<\/li>\n\n\n\n<li><strong>Kontrastmodi (\u00dcberlagerung, Weiches Licht, Hartes Licht, Lebendiges Licht, Lineares Licht, Punktlicht, Harte Mischung)<\/strong>: Diese f\u00fchren sowohl zu einer Verdunkelung als auch zu einer Aufhellung, was einen hohen Kontrast zur Folge hat.<\/li>\n\n\n\n<li><strong>Inversions- oder Vergleichsmodi (Differenz, Ausschluss, Subtraktion, Division, Invertieren, InvertierenRGB)<\/strong>: Diese spielen mit den Gemeinsamkeiten oder Unterschieden zwischen den Misch- und Basisgruppen. Probier sie einfach aus und schau, was passiert.<\/li>\n\n\n\n<li><strong>Farbmodi (Farbton, S\u00e4ttigung, Farbe, Helligkeit)<\/strong>: Diese beeinflussen verschiedene Farbeigenschaften, wie ihre Bezeichnungen bereits andeuten.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Beispiele f\u00fcr Mischmodi<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Multiplizieren<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"457\" data-src=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/multiply1-low-1024x457.webp\" alt=\"\" class=\"wp-image-40176 lazyload\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/multiply1-low-1024x457.webp 1024w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/multiply1-low-300x134.webp 300w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/multiply1-low-768x342.webp 768w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/multiply1-low-18x8.webp 18w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/multiply1-low.webp 1200w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/457;\" \/><\/figure>\n\n\n\n<p><strong>Hinweis: Multiplizieren<\/strong> wird recht h\u00e4ufig verwendet. Wie oben zu sehen ist, besteht ein interessanter Anwendungsfall bei HeavyM darin, eine Textur in einer Gruppe mit dem Modus \u201eMultiply\u201c zu platzieren und in einer darunterliegenden Basisgruppe wei\u00dfe Effekte auf Formen hinzuzuf\u00fcgen. Das Ergebnis <strong>Das erweckt den Eindruck, als w\u00e4re die Textur auf die Effekte gedruckt!<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Bildschirm<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"461\" data-src=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/screen2-low-1024x461.webp\" alt=\"\" class=\"wp-image-40177 lazyload\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/screen2-low-1024x461.webp 1024w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/screen2-low-300x135.webp 300w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/screen2-low-768x346.webp 768w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/screen2-low-18x8.webp 18w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/screen2-low.webp 1200w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/461;\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-overlay\">Overlay<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"461\" data-src=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/overlay2-low-1024x461.webp\" alt=\"\" class=\"wp-image-40178 lazyload\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/overlay2-low-1024x461.webp 1024w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/overlay2-low-300x135.webp 300w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/overlay2-low-768x346.webp 768w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/overlay2-low-18x8.webp 18w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/overlay2-low.webp 1200w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/461;\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-exclusion\">Ausschluss<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"461\" data-src=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/exclusion1-low-1024x461.gif\" alt=\"\" class=\"wp-image-40180 lazyload\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/exclusion1-low-1024x461.gif 1024w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/exclusion1-low-300x135.gif 300w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/exclusion1-low-768x346.gif 768w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/exclusion1-low-18x8.gif 18w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/461;\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Kompression<\/h2>\n\n\n\n<p><strong>Die Videokomprimierung ist ein Verfahren, mit dem die Datenmenge reduziert wird, die zum Speichern oder \u00dcbertragen digitaler Bilder ben\u00f6tigt wird,<\/strong> was besonders bei Videos mit gro\u00dfem Datenvolumen von Vorteil ist. Dies geschieht in der Regel durch das Entfernen redundanter oder weniger wichtiger Informationen aus den Bildern. In einer Szene, in der der Himmel blau ist, speichert der Kompressor beispielsweise nicht die Information, dass jedes einzelne Pixel im Himmel blau ist, sondern lediglich die Information, dass ein gro\u00dfer Bereich denselben Blauton aufweist.<\/p>\n\n\n\n<p><strong>Die Dekompression ist der umgekehrte Vorgang,<\/strong> dabei werden komprimierte Daten in ein abspielbares Video umgewandelt. Dies geschieht, wenn Sie ein Video streamen oder eine Videodatei auf Ihrem Computer \u00f6ffnen.<\/p>\n\n\n\n<p><strong>Ein Codec,<\/strong> was ein Kofferwort ist <strong>gebildet aus \u2018Coder\u2019 und \u2018Decoder\u2019,\u2019<\/strong> ist die Software oder Hardware, die diese Komprimierungs- und Dekomprimierungsaufgaben ausf\u00fchrt. Es gibt zahlreiche Codecs, von denen jeder seine eigenen St\u00e4rken und Schw\u00e4chen hat. Zum Beispiel, <strong>Der H.264-Codec ist weit verbreitet<\/strong> f\u00fcr Streaming und HD-Videos, da er hochwertige Bilder bei relativ geringen Dateigr\u00f6\u00dfen liefert. Ein weiteres Beispiel ist der ProRes-Codec von Apple, der aufgrund seiner hohen Qualit\u00e4t und der einfachen Handhabung mit der Videobearbeitungssoftware von Apple h\u00e4ufig in der Videopostproduktion eingesetzt wird. Der Nachteil dabei ist, dass <strong>Je st\u00e4rker eine Datei verkleinert wird, desto mehr Rechenleistung wird vom Computer ben\u00f6tigt.<\/strong> und somit mehr Ressourcen, die entschl\u00fcsselt werden m\u00fcssen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"920\" height=\"319\" data-src=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/codecs-video.webp\" alt=\"\" class=\"wp-image-40181 lazyload\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/codecs-video.webp 920w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/codecs-video-300x104.webp 300w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/codecs-video-768x266.webp 768w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/codecs-video-18x6.webp 18w\" data-sizes=\"(max-width: 920px) 100vw, 920px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 920px; --smush-placeholder-aspect-ratio: 920\/319;\" \/><\/figure>\n\n\n\n<p>Wenn Sie in Ihren HeavyM-Projekten Videos verwenden und die Wiedergabe optimieren m\u00f6chten, versuchen Sie, die Aufl\u00f6sung und Bitrate zu verringern und die Komprimierung zu erh\u00f6hen, bis Sie einen akzeptablen Kompromiss zwischen Qualit\u00e4t und Leistung gefunden haben. Wir empfehlen au\u00dferdem <strong>Verwendung von .mov-\/H264-Dateien (oder HAP Alpha oder ProRes 4444<\/strong> (falls Sie Transparenz ben\u00f6tigen). Sie k\u00f6nnen au\u00dferdem die Hardwarebeschleunigung f\u00fcr die Videodekodierung aktivieren. Dies verbessert die Leistung und verringert die Latenz, kann jedoch bei bestimmten Videos oder Konfigurationen zu Darstellungsfehlern f\u00fchren. Sie k\u00f6nnen die Option f\u00fcr jedes einzelne Video in dessen Medieneinstellungen aktivieren oder die Standardeinstellung f\u00fcr alle hinzugef\u00fcgten Videos in <strong>Einstellungen \u2192 Darstellung \u2192 Videodekodierung.<\/strong><\/p>\n\n\n\n<p>Wenn Sie am Ende von Videos, kurz bevor diese von vorne beginnen, eine Verlangsamung bemerken, k\u00f6nnen Sie die <strong>PhotoJPEG \/ MotionJPEG<\/strong> Codec, um das Problem zu umgehen. Der Nachteil dabei ist, dass die Dateien gr\u00f6\u00dfer sind und in diesem Fall keine Transparenz unterst\u00fctzen. Ein einfaches Konvertierungstool unter macOS ist <a href=\"https:\/\/docs.vidvox.net\/freebies_avf_batch_exporter.html\"><strong>AVF-Batch-Exporter<\/strong><\/a> von der <strong>VIDVOX<\/strong> Team. Unter Windows k\u00f6nnen Sie <a href=\"http:\/\/www.squared5.com\/\"><strong>MPEG Streamclip<\/strong><\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Weiter<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.heavym.net\/de\/what-content-to-project\/\">Welche Inhalte sollen projiziert werden?<\/a><\/p>\n\n\n\n<p><em>Dieser Leitfaden wurde verfasst von <a href=\"https:\/\/www.heavym.net\/de\/\"><strong>HeavyM<\/strong><\/a>, ein Unternehmen, das sich seit 2013 auf video mapping spezialisiert hat.<\/em><\/p>\n\n\n\n<p><em>Bei Fragen, Anmerkungen, Vorschl\u00e4gen usw. nutzen Sie bitte dieses Kontaktformular: <a href=\"https:\/\/help.heavym.net\/hc\/requests\/new**\"><strong>https:\/\/help.heavym.net\/hc\/requests\/new<\/strong><\/a>. Eine Antwort wird innerhalb von 24 Stunden garantiert.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufig gestellte Fragen (FAQ)<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-the-best-video-codec-for-projection-mapping\"><strong>Welcher Videocodec eignet sich am besten f\u00fcr projection mapping?<\/strong> <\/h3>\n\n\n\n<p>Bei den meisten Standardprojekten bietet H.264 (MP4) ein hervorragendes Gleichgewicht zwischen Bildqualit\u00e4t und Dateigr\u00f6\u00dfe. Bei sehr komplexen Konfigurationen mit mehreren gleichzeitig abgespielten 4K-Videos werden jedoch professionelle Codecs wie HAP oder DXV empfohlen, da diese die GPU des Computers f\u00fcr die Wiedergabe nutzen und so Verz\u00f6gerungen vermeiden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-the-difference-between-aspect-ratio-and-resolution\"><strong>Was ist der Unterschied zwischen Seitenverh\u00e4ltnis und Aufl\u00f6sung?<\/strong> <\/h3>\n\n\n\n<p>Die Aufl\u00f6sung bezieht sich auf die genaue Anzahl der Pixel in Ihrem Bild (z. B. 1920 \u00d7 1080 Pixel). <a href=\"https:\/\/www.heavym.net\/de\/projector-guide-throw-ratio-specs\/\">Seitenverh\u00e4ltnis<\/a> ist das Verh\u00e4ltnis zwischen der Breite und der H\u00f6he dieses Bildes (z. B. 16:9). Sie m\u00fcssen das Seitenverh\u00e4ltnis Ihrer Medien an die native Ausgabe Ihres Projektors anpassen, um verzerrte Bilder zu vermeiden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-why-are-layers-important-in-video-mapping\"><strong>Warum sind Ebenen beim video mapping wichtig?<\/strong> <\/h3>\n\n\n\n<p>Mit Ebenen k\u00f6nnen Sie verschiedene visuelle Elemente unabh\u00e4ngig voneinander \u00fcbereinanderlegen und organisieren. In projection mapping software wie HeavyM k\u00f6nnen Sie die untersten Ebenen f\u00fcr Ihre Haupt-Hintergrundvideos, die mittleren Ebenen f\u00fcr bestimmte Animationen und die obersten Ebenen f\u00fcr Masken oder Ausblendungen nutzen, wodurch Sie die vollst\u00e4ndige Kontrolle \u00fcber die endg\u00fcltige Komposition haben.<\/p>","protected":false},"excerpt":{"rendered":"<p>TL;DR To create flawless projection mapping, you must master key graphic concepts. Resolution and aspect ratio determine your image&#8217;s clarity and physical shape. Layers help organize your visual composition, while choosing the correct video codec (like H.264 or HAP) ensures smooth, lag-free playback within mapping software like HeavyM. Aspect ratio and resolution Aspect ratio, also [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[],"class_list":["post-40172","post","type-post","status-publish","format-standard","hentry","category-knowledge-hub"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Graphic concepts: aspect ratio, resolution, layers, codecs - HeavyM<\/title>\n<meta name=\"description\" content=\"Master the essential graphic concepts for video mapping. Understand aspect ratios, resolutions, layers, and the best video codecs to use with HeavyM.\" \/>\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.heavym.net\/de\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Graphic concepts: aspect ratio, resolution, layers, codecs\" \/>\n<meta property=\"og:description\" content=\"Master the essential graphic concepts for video mapping. Understand aspect ratios, resolutions, layers, and the best video codecs to use with HeavyM.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.heavym.net\/de\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/\" \/>\n<meta property=\"og:site_name\" content=\"HeavyM\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-16T07:48:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-17T09:22:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Resolutions__ratios.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1820\" \/>\n\t<meta property=\"og:image:height\" content=\"1023\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"MatteoHM\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/graphic-concepts-aspect-ratio-resolution-layers-codecs\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/graphic-concepts-aspect-ratio-resolution-layers-codecs\\\/\"},\"author\":{\"name\":\"MatteoHM\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#\\\/schema\\\/person\\\/050344eecb2b5579071763c2380913d7\"},\"headline\":\"Graphic concepts: aspect ratio, resolution, layers, codecs\",\"datePublished\":\"2026-07-16T07:48:18+00:00\",\"dateModified\":\"2026-07-17T09:22:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/graphic-concepts-aspect-ratio-resolution-layers-codecs\\\/\"},\"wordCount\":1828,\"publisher\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/graphic-concepts-aspect-ratio-resolution-layers-codecs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Resolutions__ratios-1024x576.webp\",\"articleSection\":[\"Knowledge Hub\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/graphic-concepts-aspect-ratio-resolution-layers-codecs\\\/\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/graphic-concepts-aspect-ratio-resolution-layers-codecs\\\/\",\"name\":\"Graphic concepts: aspect ratio, resolution, layers, codecs - HeavyM\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/graphic-concepts-aspect-ratio-resolution-layers-codecs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/graphic-concepts-aspect-ratio-resolution-layers-codecs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Resolutions__ratios-1024x576.webp\",\"datePublished\":\"2026-07-16T07:48:18+00:00\",\"dateModified\":\"2026-07-17T09:22:32+00:00\",\"description\":\"Master the essential graphic concepts for video mapping. Understand aspect ratios, resolutions, layers, and the best video codecs to use with HeavyM.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/graphic-concepts-aspect-ratio-resolution-layers-codecs\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.heavym.net\\\/graphic-concepts-aspect-ratio-resolution-layers-codecs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/graphic-concepts-aspect-ratio-resolution-layers-codecs\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Resolutions__ratios-1024x576.webp\",\"contentUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Resolutions__ratios-1024x576.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/graphic-concepts-aspect-ratio-resolution-layers-codecs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.heavym.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Graphic concepts: aspect ratio, resolution, layers, codecs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#website\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/\",\"name\":\"HeavyM\",\"description\":\"Easy Projection Mapping\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.heavym.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\",\"name\":\"HeavyM\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Logo-Horizontale-Base-Avec-signature-100.jpg\",\"contentUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Logo-Horizontale-Base-Avec-signature-100.jpg\",\"width\":426,\"height\":426,\"caption\":\"HeavyM\"},\"image\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#\\\/schema\\\/person\\\/050344eecb2b5579071763c2380913d7\",\"name\":\"MatteoHM\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7ddb2b815d5dee472338c69272b92e6d764c1fac86515292c89544e7abcf1081?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7ddb2b815d5dee472338c69272b92e6d764c1fac86515292c89544e7abcf1081?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7ddb2b815d5dee472338c69272b92e6d764c1fac86515292c89544e7abcf1081?s=96&d=mm&r=g\",\"caption\":\"MatteoHM\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Grafikkonzepte: Seitenverh\u00e4ltnis, Aufl\u00f6sung, Ebenen, Codecs \u2013 HeavyM","description":"Machen Sie sich mit den grundlegenden grafischen Konzepten f\u00fcr das video mapping vertraut. Lernen Sie Bildformate, Aufl\u00f6sungen, Ebenen und die besten Videocodecs f\u00fcr die Verwendung mit HeavyM kennen.","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.heavym.net\/de\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/","og_locale":"de_DE","og_type":"article","og_title":"Graphic concepts: aspect ratio, resolution, layers, codecs","og_description":"Master the essential graphic concepts for video mapping. Understand aspect ratios, resolutions, layers, and the best video codecs to use with HeavyM.","og_url":"https:\/\/www.heavym.net\/de\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/","og_site_name":"HeavyM","article_published_time":"2026-07-16T07:48:18+00:00","article_modified_time":"2026-07-17T09:22:32+00:00","og_image":[{"width":1820,"height":1023,"url":"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Resolutions__ratios.webp","type":"image\/webp"}],"author":"MatteoHM","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/#article","isPartOf":{"@id":"https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/"},"author":{"name":"MatteoHM","@id":"https:\/\/www.heavym.net\/#\/schema\/person\/050344eecb2b5579071763c2380913d7"},"headline":"Graphic concepts: aspect ratio, resolution, layers, codecs","datePublished":"2026-07-16T07:48:18+00:00","dateModified":"2026-07-17T09:22:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/"},"wordCount":1828,"publisher":{"@id":"https:\/\/www.heavym.net\/#organization"},"image":{"@id":"https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Resolutions__ratios-1024x576.webp","articleSection":["Knowledge Hub"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/","url":"https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/","name":"Grafikkonzepte: Seitenverh\u00e4ltnis, Aufl\u00f6sung, Ebenen, Codecs \u2013 HeavyM","isPartOf":{"@id":"https:\/\/www.heavym.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/#primaryimage"},"image":{"@id":"https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Resolutions__ratios-1024x576.webp","datePublished":"2026-07-16T07:48:18+00:00","dateModified":"2026-07-17T09:22:32+00:00","description":"Machen Sie sich mit den grundlegenden grafischen Konzepten f\u00fcr das video mapping vertraut. Lernen Sie Bildformate, Aufl\u00f6sungen, Ebenen und die besten Videocodecs f\u00fcr die Verwendung mit HeavyM kennen.","breadcrumb":{"@id":"https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/#primaryimage","url":"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Resolutions__ratios-1024x576.webp","contentUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Resolutions__ratios-1024x576.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.heavym.net\/"},{"@type":"ListItem","position":2,"name":"Graphic concepts: aspect ratio, resolution, layers, codecs"}]},{"@type":"WebSite","@id":"https:\/\/www.heavym.net\/#website","url":"https:\/\/www.heavym.net\/","name":"HeavyM","description":"Einfaches Projection Mapping","publisher":{"@id":"https:\/\/www.heavym.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.heavym.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.heavym.net\/#organization","name":"HeavyM","url":"https:\/\/www.heavym.net\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.heavym.net\/#\/schema\/logo\/image\/","url":"https:\/\/www.heavym.net\/wp-content\/uploads\/2025\/02\/Logo-Horizontale-Base-Avec-signature-100.jpg","contentUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2025\/02\/Logo-Horizontale-Base-Avec-signature-100.jpg","width":426,"height":426,"caption":"HeavyM"},"image":{"@id":"https:\/\/www.heavym.net\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.heavym.net\/#\/schema\/person\/050344eecb2b5579071763c2380913d7","name":"MatteoHM","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/7ddb2b815d5dee472338c69272b92e6d764c1fac86515292c89544e7abcf1081?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7ddb2b815d5dee472338c69272b92e6d764c1fac86515292c89544e7abcf1081?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7ddb2b815d5dee472338c69272b92e6d764c1fac86515292c89544e7abcf1081?s=96&d=mm&r=g","caption":"MatteoHM"}}]}},"_links":{"self":[{"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/posts\/40172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/comments?post=40172"}],"version-history":[{"count":3,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/posts\/40172\/revisions"}],"predecessor-version":[{"id":40688,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/posts\/40172\/revisions\/40688"}],"wp:attachment":[{"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/media?parent=40172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/categories?post=40172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/tags?post=40172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}