{"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\/fr\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/","title":{"rendered":"Concepts graphiques : format d'image, r\u00e9solution, calques, codecs"},"content":{"rendered":"<h2 class=\"wp-block-heading\" id=\"h-tl-dr\">En bref <\/h2>\n\n\n\n<p>Pour cr\u00e9er un vid\u00e9o mapping irr\u00e9prochable, vous devez ma\u00eetriser certains concepts graphiques essentiels. La r\u00e9solution et le format d'image d\u00e9terminent la nettet\u00e9 et la forme physique de votre image. Les calques vous aident \u00e0 organiser votre composition visuelle, tandis que le choix du codec vid\u00e9o appropri\u00e9 (comme H.264 ou HAP) garantit une lecture fluide et sans saccades dans un logiciel de vid\u00e9o mapping tel que HeavyM.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-aspect-ratio-and-resolution\">Format d'image et r\u00e9solution<\/h2>\n\n\n\n<p><strong>Rapport d'aspect<\/strong>, \u00e9galement appel\u00e9 \u00ab format d'image \u00bb, est un <strong>terme utilis\u00e9 dans le domaine du cin\u00e9ma et de la vid\u00e9o pour d\u00e9signer le rapport entre la largeur et la hauteur d'une image.<\/strong> Il est g\u00e9n\u00e9ralement exprim\u00e9 par deux chiffres s\u00e9par\u00e9s par deux points ou une barre oblique, comme 4:3 ou 16:9. Par exemple, un format d'image de 16:9 signifie que pour 16 unit\u00e9s de largeur, l'image mesure 9 unit\u00e9s de hauteur.<\/p>\n\n\n\n<p>Ce format d'image est <strong>\u00e9troitement li\u00e9 \u00e0 la r\u00e9solution d'un \u00e9cran ou d'une vid\u00e9o.<\/strong> La r\u00e9solution correspond au nombre total de pixels qui composent une image ; elle est g\u00e9n\u00e9ralement exprim\u00e9e par la combinaison de la largeur et de la hauteur en pixels. Par exemple, <strong>Une r\u00e9solution de 1920 \u00d7 1080 signifie que l'image comporte 1920 pixels de largeur et 1080 pixels de hauteur.<\/strong><\/p>\n\n\n\n<p>Le lien entre le format d'image et la r\u00e9solution r\u00e9side dans le fait que <strong>le format d\u00e9termine la forme de l'image,<\/strong> tandis que la r\u00e9solution d\u00e9termine le niveau de d\u00e9tail de l'image. Par exemple, deux vid\u00e9os peuvent avoir la m\u00eame r\u00e9solution, mais si l'une pr\u00e9sente un format d'image de 16:9 et l'autre de 4:3, elles auront des formes diff\u00e9rentes. La vid\u00e9o au format 16:9 sera plus large et plus courte que celle au format 4:3, bien qu\u2019elles aient le m\u00eame nombre total de pixels. De plus, <strong>Le choix du format d'image et de la r\u00e9solution peut avoir un impact significatif sur l'aspect et la qualit\u00e9 de la vid\u00e9o.<\/strong> lorsqu'elles s'affichent sur diff\u00e9rents types d'\u00e9crans.<\/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>Les diff\u00e9rentes r\u00e9solutions associ\u00e9es aux formats d'image<\/em><\/figcaption><\/figure>\n\n\n\n<p><strong>Plus la r\u00e9solution est \u00e9lev\u00e9e, plus l'image projet\u00e9e sera d\u00e9taill\u00e9e.<\/strong><\/p>\n\n\n\n<p><strong>Les r\u00e9solutions couramment utilis\u00e9es pour le vid\u00e9o mapping sont notamment la HD 720p (1280\u00d7720), la Full HD 1080p (1920\u00d71080) et la 4K UHD (4096\u00d72160).<\/strong> Le choix de la r\u00e9solution d\u00e9pendra du niveau de d\u00e9tail souhait\u00e9 pour le projet, de la taille de la surface de projection, ainsi que des capacit\u00e9s du projecteur et du logiciel de vid\u00e9o mapping utilis\u00e9s.<\/p>\n\n\n\n<p><strong>La r\u00e9solution HD offre une bonne qualit\u00e9 d'image et est g\u00e9n\u00e9ralement suffisante pour les projets de petite \u00e0 moyenne envergure.<\/strong> Toutefois, pour les projets plus importants ou plus complexes n\u00e9cessitant un niveau de d\u00e9tail plus \u00e9lev\u00e9, il est possible d'utiliser la r\u00e9solution 4K.<\/p>\n\n\n\n<p>Il est important de <strong>Notez que plus la r\u00e9solution est \u00e9lev\u00e9e, plus la charge de traitement impos\u00e9e \u00e0 l'ordinateur est importante,<\/strong> un logiciel de vid\u00e9o mapping et un projecteur. De plus, une r\u00e9solution plus \u00e9lev\u00e9e n\u00e9cessite \u00e9galement davantage d'espace de stockage pour les fichiers vid\u00e9o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Calques, opacit\u00e9, modes de fusion<\/h2>\n\n\n\n<p>Les logiciels de graphisme utilisent un syst\u00e8me de calques, \u00e9galement appel\u00e9s \u2018 layers \u2019 en anglais, qui fonctionnent de mani\u00e8re similaire au papier calque utilis\u00e9 dans le dessin traditionnel. <strong>Chaque calque peut contenir diff\u00e9rents \u00e9l\u00e9ments graphiques, tels que du texte, des images, des formes,<\/strong> etc. Ces couches sont superpos\u00e9es les unes sur les autres, la premi\u00e8re se trouvant en bas et les autres s'empilant au-dessus.<\/p>\n\n\n\n<p>L'opacit\u00e9, en revanche, <strong>fait r\u00e9f\u00e9rence \u00e0 la transparence d'un calque.<\/strong> Un calque dont l'opacit\u00e9 est r\u00e9gl\u00e9e sur 100% est totalement opaque et masque tous les calques situ\u00e9s en dessous, tandis qu'un calque dont l'opacit\u00e9 est inf\u00e9rieure laisse transpara\u00eetre les calques sous-jacents \u00e0 des degr\u00e9s divers. En ajustant l'opacit\u00e9 d'un calque, les utilisateurs peuvent cr\u00e9er des effets de superposition et de fusion afin d'obtenir des r\u00e9sultats visuels plus complexes et plus nuanc\u00e9s.<\/p>\n\n\n\n<p>En jouant sur les calques et l'opacit\u00e9, les graphistes peuvent <strong>organiser, modifier et combiner diff\u00e9rents \u00e9l\u00e9ments graphiques de mani\u00e8re flexible sans alt\u00e9rer les donn\u00e9es d'origine.<\/strong> Cela permet une plus grande cr\u00e9ativit\u00e9 et facilite la modification des cr\u00e9ations, car chaque \u00e9l\u00e9ment peut \u00eatre modifi\u00e9 individuellement sans affecter les autres.<\/p>\n\n\n\n<p>La hi\u00e9rarchie dans le panneau \u00ab Calques \u00bb ob\u00e9it \u00e0 une r\u00e8gle simple : par exemple, dans le canevas HeavyM, <strong>Les \u00e9l\u00e9ments situ\u00e9s en haut de la liste des calques s'affichent devant ceux situ\u00e9s en bas.<\/strong> Lorsque vous ajoutez une forme, celle-ci recouvre les formes situ\u00e9es derri\u00e8re elle ; par d\u00e9faut, vous ne verrez donc \u00e0 travers que si l'objet situ\u00e9 au-dessus pr\u00e9sente une certaine transparence.<\/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\">Modes de fusion<\/h3>\n\n\n\n<p>Vous avez peut-\u00eatre d\u00e9j\u00e0 entendu parler de <strong>Modes de fusion<\/strong> car on les retrouve assez couramment dans les logiciels de dessin ou de retouche num\u00e9rique. Les <strong>Mode de fusion<\/strong> Les propri\u00e9t\u00e9s d'un calque d\u00e9terminent la mani\u00e8re dont il est fusionn\u00e9 avec les calques situ\u00e9s en dessous.<\/p>\n\n\n\n<p><strong>Les modes de fusion sont essentiellement un ensemble de formules qui prennent en compte chaque pixel du calque auquel le mode est appliqu\u00e9 et chaque pixel situ\u00e9 directement en dessous,<\/strong> appliquer des op\u00e9rations math\u00e9matiques et obtenir un r\u00e9sultat. <strong>Chaque mode utilise une formule diff\u00e9rente,<\/strong> C'est pourquoi vous obtenez un m\u00e9lange diff\u00e9rent \u00e0 chaque fois. Nous n'allons pas entrer dans les d\u00e9tails des formules, car cela prendrait probablement une ann\u00e9e enti\u00e8re, mais vous trouverez de nombreuses ressources en ligne si le sujet vous int\u00e9resse.<\/p>\n\n\n\n<p><strong>Dans HeavyM, les modes de fusion s'appliquent aux groupes.<\/strong> Le <strong>\u201c Normal \u201d<\/strong> Ce mode est le mode par d\u00e9faut, comme d\u00e9crit et illustr\u00e9 dans l'introduction ci-dessus : chaque groupe masque les groupes situ\u00e9s derri\u00e8re lui.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Comment utiliser les modes de fusion dans HeavyM<\/h3>\n\n\n\n<p>Dans HeavyM, il existe 26 modes de fusion. Pour modifier le mode appliqu\u00e9 \u00e0 un groupe, utilisez son menu d\u00e9roulant dans le panneau \u00ab Calques \u00bb, accessible via ce bouton<\/p>\n\n\n\n<p>et il vous suffit de choisir celui qui vous int\u00e9resse dans la liste. En passant la souris sur les \u00e9l\u00e9ments de la liste, vous pouvez pr\u00e9visualiser l'effet de chaque mode sur le r\u00e9sultat final.<\/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>D\u00e8s que vous cliquez sur un mode, celui-ci est appliqu\u00e9 et vous pouvez voir imm\u00e9diatement le r\u00e9sultat du m\u00e9lange. N'oubliez pas qu'un mode de fusion doit \u00eatre appliqu\u00e9 \u00e0 un calque sup\u00e9rieur. Et bien s\u00fbr, chaque groupe peut avoir son propre mode, ce qui vous permet de les combiner pour cr\u00e9er des compositions tr\u00e8s complexes.<\/p>\n\n\n\n<p><strong>Remarque :<\/strong><\/p>\n\n\n\n<p>Le bouton \u00ab Modes de fusion \u00bb pr\u00e9sente deux \u00e9tats :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>si le \u2018<strong>Normal<\/strong>\u2018Le mode \u00ab \u00bb est activ\u00e9<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>si un autre mode est utilis\u00e9.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Les diff\u00e9rents types de modes de fusion<\/h3>\n\n\n\n<p>Comme indiqu\u00e9 pr\u00e9c\u00e9demment, il y a <strong>une liste de 26 modes de fusion<\/strong>, chacune ayant une formule diff\u00e9rente. Selon les ingr\u00e9dients que vous m\u00e9langez, elles donneront des r\u00e9sultats tr\u00e8s vari\u00e9s, et leurs noms ne sont pas toujours tr\u00e8s explicites ; il peut donc \u00eatre difficile de pr\u00e9voir le r\u00e9sultat au d\u00e9part. La meilleure fa\u00e7on de les d\u00e9couvrir est de <strong>Essayez-les vous-m\u00eame !<\/strong><\/p>\n\n\n\n<p>Il y a toutefois un aspect qui pourrait s'av\u00e9rer utile : la mani\u00e8re dont les modes sont organis\u00e9s. Vous avez peut-\u00eatre remarqu\u00e9 qu'ils sont class\u00e9s par cat\u00e9gories dans la liste. En effet, certains modes pr\u00e9sentent des similitudes dans leur fonctionnement :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Modes neutres (Normal)<\/strong>: Nous en avons d\u00e9j\u00e0 parl\u00e9 ; il s'agit d'un mode \u00e0 part enti\u00e8re, qui est le mode par d\u00e9faut.<\/li>\n\n\n\n<li><strong>Modes de fon\u00e7age<\/strong> <strong>(Assombrir, Multiplier, Br\u00fbler en couleur, Br\u00fbler lin\u00e9aire)<\/strong>: Comme vous pouvez vous en douter, ces op\u00e9rations consistent \u00e0 assombrir le r\u00e9sultat. Elles suppriment le blanc dans les groupes o\u00f9 elles sont appliqu\u00e9es.<\/li>\n\n\n\n<li><strong>Modes d'\u00e9clairage<\/strong> <strong>(\u00c9claircir, \u00c9cran, R\u00e9v\u00e9ler, R\u00e9v\u00e9ler lin\u00e9aire (addition))<\/strong>: Comme vous pouvez vous en douter, ces effets servent \u00e0 \u00e9claircir l'image. Ils suppriment le noir dans les zones o\u00f9 ils sont appliqu\u00e9s.<\/li>\n\n\n\n<li><strong>Modes de contraste (Superposition, Lumi\u00e8re douce, Lumi\u00e8re forte, Lumi\u00e8re vive, Lumi\u00e8re lin\u00e9aire, Lumi\u00e8re ponctuelle, M\u00e9lange fort)<\/strong>: Ces deux effets assombrissent et \u00e9claircissent \u00e0 la fois, ce qui cr\u00e9e un fort contraste.<\/li>\n\n\n\n<li><strong>Modes d'inversion ou de comparaison (Diff\u00e9rence, Exclusion, Soustraction, Division, Inversion, Inversion RVB)<\/strong>: Ces exercices jouent sur les similitudes ou les diff\u00e9rences entre les groupes de m\u00e9lange et les groupes de base. Essayez-les et voyez ce qui se passe.<\/li>\n\n\n\n<li><strong>Modes de coloration (teinte, saturation, couleur, luminosit\u00e9)<\/strong>: Celles-ci agissent sur diff\u00e9rentes propri\u00e9t\u00e9s de la couleur, comme leur nom l'indique.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Exemples de modes de fusion<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Multiplier<\/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>Remarque : multiplier<\/strong> est assez couramment utilis\u00e9. Comme on l'a vu plus haut, une application int\u00e9ressante dans HeavyM consiste \u00e0 placer une texture dans un groupe avec le mode \u00ab Multiply \u00bb et, dans un groupe de base situ\u00e9 en dessous, \u00e0 ajouter des effets blancs sur des formes. Le r\u00e9sultat <strong>donnera l'impression que la texture est imprim\u00e9e sur les effets !<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u00c9cran<\/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\">Superposition<\/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\">Exclusion<\/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\">Compression<\/h2>\n\n\n\n<p><strong>La compression vid\u00e9o est un processus qui permet de r\u00e9duire la quantit\u00e9 de donn\u00e9es n\u00e9cessaires au stockage ou \u00e0 la transmission d'images num\u00e9riques,<\/strong> ce qui s'av\u00e8re particuli\u00e8rement utile pour les vid\u00e9os contenant un volume important de donn\u00e9es. Cela s'effectue g\u00e9n\u00e9ralement en \u00e9liminant les informations redondantes ou moins importantes pr\u00e9sentes dans les images. Par exemple, dans une sc\u00e8ne o\u00f9 le ciel est bleu, au lieu de stocker l'information indiquant que chaque pixel du ciel est bleu, le compresseur peut simplement stocker l'information selon laquelle une grande partie de l'image pr\u00e9sente la m\u00eame nuance de bleu.<\/p>\n\n\n\n<p><strong>La d\u00e9compression est le processus inverse,<\/strong> o\u00f9 les donn\u00e9es compress\u00e9es sont converties en une vid\u00e9o lisible. C'est ce qui se passe lorsque vous regardez une vid\u00e9o en streaming ou que vous ouvrez un fichier vid\u00e9o sur votre ordinateur.<\/p>\n\n\n\n<p><strong>Un codec,<\/strong> qui est un mot-valise <strong>terme form\u00e9 \u00e0 partir de \u2018 codeur \u2019 et \u2018 d\u00e9codeur \u2019,\u2019<\/strong> Il s'agit du logiciel ou du mat\u00e9riel qui effectue ces op\u00e9rations de compression et de d\u00e9compression. Il existe de nombreux codecs, chacun pr\u00e9sentant ses propres avantages et inconv\u00e9nients. Par exemple, <strong>Le codec H.264 est tr\u00e8s r\u00e9pandu<\/strong> pour le streaming et la vid\u00e9o HD, gr\u00e2ce \u00e0 sa capacit\u00e9 \u00e0 offrir des images de haute qualit\u00e9 tout en conservant des fichiers relativement l\u00e9gers. On peut \u00e9galement citer le codec ProRes d\u2019Apple, souvent utilis\u00e9 en post-production vid\u00e9o pour sa grande qualit\u00e9 et sa facilit\u00e9 d\u2019utilisation avec les logiciels de montage vid\u00e9o d\u2019Apple. En contrepartie, <strong>plus la taille d'un fichier est r\u00e9duite, plus cela demande d'efforts \u00e0 l'ordinateur<\/strong> et donc davantage de ressources \u00e0 d\u00e9coder.<\/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>Si vous utilisez des vid\u00e9os dans vos projets HeavyM et que vous souhaitez optimiser leur lecture, essayez de r\u00e9duire leur r\u00e9solution et leur d\u00e9bit binaire, puis d'augmenter le taux de compression jusqu'\u00e0 ce que vous trouviez un bon compromis entre qualit\u00e9 et performances. Nous vous recommandons \u00e9galement <strong>\u00e0 l'aide de fichiers .mov\/H264 (ou HAP Alpha ou ProRes 4444<\/strong> (si vous avez besoin de transparence). Vous pouvez \u00e9galement activer l'acc\u00e9l\u00e9ration mat\u00e9rielle pour le d\u00e9codage vid\u00e9o. Cela am\u00e9liore les performances et r\u00e9duit la latence, mais peut entra\u00eener des erreurs de rendu avec certaines vid\u00e9os ou configurations. Vous pouvez activer cette option pour chaque vid\u00e9o individuellement dans ses param\u00e8tres multim\u00e9dia, ou modifier l'option par d\u00e9faut pour toutes les vid\u00e9os ajout\u00e9es dans <strong>Pr\u00e9f\u00e9rences \u2192 Affichage \u2192 D\u00e9codage vid\u00e9o.<\/strong><\/p>\n\n\n\n<p>Si vous constatez un ralentissement \u00e0 la fin des vid\u00e9os, juste avant qu'elles ne recommencent, vous pouvez utiliser la <strong>PhotoJPEG \/ MotionJPEG<\/strong> codec pour contourner le probl\u00e8me. L'inconv\u00e9nient est que les fichiers sont plus volumineux et ne prennent pas en charge la transparence dans ce cas. Un outil de conversion simple sous macOS est <a href=\"https:\/\/docs.vidvox.net\/freebies_avf_batch_exporter.html\"><strong>Exportateur par lots AVF<\/strong><\/a> par le <strong>VIDVOX<\/strong> \u00e9quipe. Sous Windows, vous pouvez utiliser <a href=\"http:\/\/www.squared5.com\/\"><strong>MPEG Streamclip<\/strong><\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pour continuer<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.heavym.net\/fr\/what-content-to-project\/\">Quel contenu diffuser ?<\/a><\/p>\n\n\n\n<p><em>Ce guide a \u00e9t\u00e9 r\u00e9dig\u00e9 par <a href=\"https:\/\/www.heavym.net\/fr\/\"><strong>HeavyM<\/strong><\/a>, une entreprise sp\u00e9cialis\u00e9e dans le vid\u00e9o mapping depuis 2013.<\/em><\/p>\n\n\n\n<p><em>Pour toute question, remarque, suggestion, etc., merci d'utiliser ce formulaire de contact : <a href=\"https:\/\/help.heavym.net\/hc\/requests\/new**\"><strong>https:\/\/help.heavym.net\/hc\/requests\/new<\/strong><\/a>. R\u00e9ponse garantie dans les 24 heures.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Foire aux questions (FAQ)<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-the-best-video-codec-for-projection-mapping\"><strong>Quel est le meilleur codec vid\u00e9o pour le vid\u00e9o mapping ?<\/strong> <\/h3>\n\n\n\n<p>Pour la plupart des projets classiques, le format H.264 (MP4) offre un excellent compromis entre qualit\u00e9 visuelle et taille de fichier. Toutefois, pour les configurations tr\u00e8s complexes impliquant la lecture simultan\u00e9e de plusieurs vid\u00e9os 4K, il est recommand\u00e9 d\u2019utiliser des codecs professionnels tels que HAP ou DXV, car ceux-ci exploitent le processeur graphique (GPU) de l\u2019ordinateur pour la lecture, garantissant ainsi une lecture sans d\u00e9calage.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-the-difference-between-aspect-ratio-and-resolution\"><strong>Quelle est la diff\u00e9rence entre le format d'image et la r\u00e9solution ?<\/strong> <\/h3>\n\n\n\n<p>La r\u00e9solution correspond au nombre exact de pixels de votre image (par exemple, 1920 \u00d7 1080 pixels). <a href=\"https:\/\/www.heavym.net\/fr\/projector-guide-throw-ratio-specs\/\">Rapport d'aspect<\/a> Il s'agit du rapport proportionnel entre la largeur et la hauteur de cette image (par exemple, 16:9). Vous devez faire correspondre le format d'image de votre contenu \u00e0 la r\u00e9solution native de votre projecteur afin d'\u00e9viter toute distorsion de l'image.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-why-are-layers-important-in-video-mapping\"><strong>Pourquoi les calques sont-ils importants dans le vid\u00e9o mapping ?<\/strong> <\/h3>\n\n\n\n<p>Les calques vous permettent d'empiler et d'organiser diff\u00e9rents \u00e9l\u00e9ments visuels de mani\u00e8re ind\u00e9pendante. Dans un logiciel de vid\u00e9o mapping tel que HeavyM, vous pouvez utiliser les calques inf\u00e9rieurs pour vos vid\u00e9os d'arri\u00e8re-plan principales, les calques interm\u00e9diaires pour des animations sp\u00e9cifiques et les calques sup\u00e9rieurs pour des masques ou des coupures d'\u00e9cran, ce qui vous offre un contr\u00f4le total sur la composition finale.<\/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\/fr\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/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\":\"fr-FR\"},{\"@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\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.heavym.net\\\/graphic-concepts-aspect-ratio-resolution-layers-codecs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\",\"name\":\"HeavyM\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\":\"fr-FR\",\"@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":"Notions graphiques : format d'image, r\u00e9solution, calques, codecs - HeavyM","description":"Ma\u00eetrisez les concepts graphiques essentiels au vid\u00e9o mapping. D\u00e9couvrez les formats d'image, les r\u00e9solutions, les calques et les meilleurs codecs vid\u00e9o \u00e0 utiliser avec HeavyM.","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\/fr\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/","og_locale":"fr_FR","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\/fr\/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":"fr-FR"},{"@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":"Notions graphiques : format d'image, r\u00e9solution, calques, 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":"Ma\u00eetrisez les concepts graphiques essentiels au vid\u00e9o mapping. D\u00e9couvrez les formats d'image, les r\u00e9solutions, les calques et les meilleurs codecs vid\u00e9o \u00e0 utiliser avec HeavyM.","breadcrumb":{"@id":"https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.heavym.net\/graphic-concepts-aspect-ratio-resolution-layers-codecs\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@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 (en anglais)","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":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.heavym.net\/#organization","name":"HeavyM","url":"https:\/\/www.heavym.net\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@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":"fr-FR","@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\/fr\/wp-json\/wp\/v2\/posts\/40172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/comments?post=40172"}],"version-history":[{"count":3,"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/posts\/40172\/revisions"}],"predecessor-version":[{"id":40688,"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/posts\/40172\/revisions\/40688"}],"wp:attachment":[{"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/media?parent=40172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/categories?post=40172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/tags?post=40172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}