{"id":14689,"date":"2019-06-19T08:36:55","date_gmt":"2019-06-19T06:36:55","guid":{"rendered":"https:\/\/www.diedruckerei.de\/magazin\/?p=14689"},"modified":"2025-04-28T14:47:36","modified_gmt":"2025-04-28T12:47:36","slug":"cinemagraphs","status":"publish","type":"post","link":"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/","title":{"rendered":"Opret levende billeder til succesfulde reklamer: Cinemagraph"},"content":{"rendered":"<p>Vi vender os imod en billedtrend, som efter vores opfattelse snart vil komme igen: levende billeder, ogs\u00e5 kaldet cinemagraph. Disse billeder har en \u00e6gte wow-effekt. Med de rigtige greb v\u00e6kker du billeder til live uden at betale s\u00e6rlig meget for det. Her f\u00e5r du at vide, hvordan du f\u00e5r sat gang i billeder, og hvilke reklamekanaler de fungerer s\u00e6rlig godt til.<\/p>\n<p><!--more--><\/p>\n<p>Er den klassiske GIF allerede out igen? En ting er sikker: Nogle trends kommer altid igen. Derfor retter vi os imod en anden, meget lovende m\u00e5de for levende billeder. De fik deres gennembrud for nogle \u00e5r tilbage og kommer m\u00e5ske allerede snart igen: Cinemagraph. S\u00e5danne billeder bev\u00e6ger sig ligesom GIF\u2019s i et konstant loop, men ellers har de ikke meget tilf\u00e6lles med disse social media-hits. Cinemagraph er nemlig kvalitetsbilleder, hvor der efter kort tids observation sker en \u00e6gte wow-effekt \u2013 og s\u00e5ledes har en cinemagraph ogs\u00e5 et \u00e6gte hitpotentiale for dine reklametiltag.<\/p>\n<p><strong>Indhold:<\/strong><\/p>\n<ul>\n<li>Til din markedsf\u00f8ring: Professionelle reklamer med levende billeder\n<ul>\n<li><u><a href=\"#1\">Websider og blogs<\/a><\/u><\/li>\n<li><u><a href=\"#2\">Social medier content-, display eller canvasreklame<\/a><\/u><\/li>\n<li><a href=\"#3\">Nyhedsbreve<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Opret selv levende billeder: V\u00e6rkt\u00f8jstjek\n<ul>\n<li><a href=\"#plotagraph\">Plotagraph<\/a><\/li>\n<li><a href=\"#flixel\">Flixel<\/a><\/li>\n<li><a href=\"#photoshop\">Adobe Photoshop<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div class=\"custom-background-grey\">\n<p><strong>Cinemagraph vs. GIF<\/strong><br \/>\nI en cinemagraph er det kun dele af et billede, der bev\u00e6ger sig, mens resten st\u00e5r stille. Derfor virker billederne ogs\u00e5 virkelig som \u201elevende billeder\u201c og ikke som videoer. I mods\u00e6tning til GIF\u2019er indeholder en cinemagraph v\u00e6sentligt flere farver og skaber s\u00e5ledes et kvalitetsindtryk.<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p>Det mest imponerende ved de levende billeder er f\u00f8lgende: Egentlig kigger man f.eks. p\u00e5 en kvinde, som slikker sol i poolen, men pludselig sker der noget p\u00e5 billedet.<\/p>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/i9jeipyw7955dpjvbnbp?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<div><span style=\"font-size: 8pt;\"><em>Kilde : flixel.com\/cinemagraph\/ &#8211; DomQuichotte<\/em><\/span><\/div>\n<\/div>\n<div class=\"flx-embed\">\n<div><\/div>\n<div>\n<p>Ogs\u00e5 den anden vej rundt opst\u00e5r der interessante effekter. Der er meget, der bev\u00e6ger sig p\u00e5 billedet og virker som en video, indtil man l\u00e6gger m\u00e6rke til, at visse dele st\u00e5r stille, og at man egentlig kigger p\u00e5 et animeret billede i stedet for en video.<\/p>\n<\/div>\n<div><\/div>\n<\/div>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/6bfwuaefmottf8midnrm?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<div><span style=\"font-size: 8pt;\"><em>Kilde : flixel.com\/cinemagraph\/ &#8211; DomQuichotte<\/em><\/span><\/div>\n<div><\/div>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/iayq1tlbf008ev7bltyc?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<div class=\"flx-embed\">\n<div><span style=\"font-size: 8pt;\"><em>Kilde : flixel.com\/cinemagraph\/ &#8211; DomQuichotte<\/em><\/span><\/div>\n<div><\/div>\n<div>\n<p>Levende billeder som en cinemagraph er ikke nogen ny trend og blev allerede i 2011 produceret professionelt til reklameform\u00e5l for kendte m\u00e6rker. S\u00e5ledes f.eks. ogs\u00e5 af designerne <u><a href=\"http:\/\/cinemagraphs.com\/\">Jamie Beck og Kevin Burg<\/a><\/u> ved New York Fashion Week. Og de har virkelig et stort potentiale til at udforme weboptr\u00e6dener eller reklamer p\u00e5 nettet mere interessant, uden at man beh\u00f8ver at producere dyre videoer.<\/p>\n<\/div>\n<h2>Brug levende billeder professionelt<\/h2>\n<p>I pr\u00e6sentationen af v\u00e6rkt\u00f8jet l\u00e6ngere nede f\u00e5r du at vide, hvordan de levende billeder produceres, og hvordan teknikken bag fungerer. Men en ting kan vi n\u00e6vne allerede nu: Levende billeder er v\u00e6sentligt billigere i fremstilling end avancerede reklamevideoer. Men ogs\u00e5 der sker der noget p\u00e5 billedet, som v\u00e6kker og binder modtagerens opm\u00e6rksomhed. Desuden er billedernes filst\u00f8rrelse v\u00e6sentligt mindre end i en reklamevideo, hvilket medf\u00f8rer en hurtigere autoplay-performance p\u00e5 mange websider og blogs. Og det er vigtigt, for en cinemagraph fungerer bedst, hvis den afspilles omg\u00e5ende og i et uendeligt loop.<\/p>\n<div class=\"custom-background custom-background-donts\">\n<p><strong>Vigtigt<\/strong>: Selvom der er tale om levende <strong>billeder<\/strong>, drejer det sig for det meste faktisk om <strong>videofiler<\/strong>. S\u00e5 det animerede billede bliver afspillet i et uendeligt loop, er det n\u00e6rliggende at gemme videoformatet som GIF-fil, fordi dette format afspiller videoen automatisk igen og igen.<\/p>\n<p>Men man skal passe p\u00e5! En MP4-fil kan gengive utallige farver, en GIF kun 256 \u2013 og dette kvalitetstab kan man ofte se ret tydeligt. Pr\u00f8v derfor at undg\u00e5 en GIF-konvertering ved implementeringen i din webside, blog e.l. og integrere loopfunktionen via indlejringskoden.<\/p>\n<figure id=\"attachment_14796\" aria-describedby=\"caption-attachment-14796\" style=\"width: 266px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/MP4-Datei-Vergleich.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14796\" src=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/MP4-Datei-Vergleich.png\" alt=\"Et roligt, \u00e5bent hav str\u00e6kker sig til horisonten under en klar himmel, med bl\u00f8de bl\u00e5 og lilla toner, der skaber en fredelig, rolig atmosf\u00e6re.\" width=\"266\" height=\"230\" \/><\/a><figcaption id=\"caption-attachment-14796\" class=\"wp-caption-text\">Kvalitet af en MP4-fil\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 vs.<\/figcaption><\/figure>\n<figure id=\"attachment_14795\" aria-describedby=\"caption-attachment-14795\" style=\"width: 230px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/GIF-Datei-Vergleich.png\" rel=\"attachment wp-att-14795\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14795\" src=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/GIF-Datei-Vergleich.png\" alt=\"En delfin springer yndefuldt ud af stille havvand under en klar bl\u00e5 himmel og skaber krusninger p\u00e5 overfladen.\" width=\"230\" height=\"230\" \/><\/a><figcaption id=\"caption-attachment-14795\" class=\"wp-caption-text\">konverteret til en GIF-fil<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<h3 id=\"1\">Websider og blogs<\/h3>\n<p>I headeren af en webside er levende billeder en fantastisk mulighed for at straks at vinde den bes\u00f8gendes opm\u00e6rksomhed uden at overdrive. Ogs\u00e5 produktpr\u00e6sentationer kan udformes v\u00e6sentligt mere attraktive med en cinemagraph, selvf\u00f8lgelig afh\u00e6ngigt af branchen og produktet. Denne fordel kan ogs\u00e5 udnyttes i blogs, men man skal altid huske: Mindre er mere. S\u00e5 snart der er noget, der bev\u00e6ger sig p\u00e5 siden, og der er skrigende reklameannoncer i alle sidebj\u00e6lker, forsvinder wow-effekten straks igen.<\/p>\n<p><strong>Eksempler p\u00e5 produktpr\u00e6sentationer: <\/strong><\/p>\n<div>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 80.00%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/58wkj6qoxfdlu5u080f1?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/div>\n<\/div>\n<p><em><span style=\"font-size: 8pt;\">Kilde : flixel.com\/cinemagraphs\/advertising &#8211; CinePix<\/span><\/em><\/p>\n<div class=\"flx-embed\">\n<div>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 52.76%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/n7u0t3tl0exu4ynqq8u6?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<p><em><span style=\"font-size: 8pt;\">Kilde : flixel.com\/cinemagraphs\/advertising &#8211; <\/span><span style=\"font-size: 8pt;\">AndrewPavlidis<\/span><\/em><\/p>\n<\/div>\n<div style=\"position: relative; height: 0; padding-bottom: 80.00%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/42q0i5raed0h1yauych0?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<p><em><span style=\"font-size: 8pt;\">Kilde : flixel.com\/cinemagraphs\/advertising &#8211; <\/span><span style=\"font-size: 8pt;\">CinePix<\/span><\/em><\/p>\n<\/div>\n<p><strong>Teknisk implementering<\/strong>: Det levende billede kan integreres via HTML-videoelementet. Egenskaberne for \u201eautoplay\u201c og \u201eloop\u201c b\u00f8r st\u00e5 i koden, og kompatibiliteten b\u00f8r testes med forskellige browsere. Ogs\u00e5 WordPress tillader indlejringen af det animerede billede uden problemer. Det nemmeste er, hvis det levende billede uploades p\u00e5 YouTube eller andre platforme som f.eks. <u><a href=\"https:\/\/flixel.com\/cinemagraphs\/fresh\/\">flixel.com<\/a><\/u> (en side, som har specialiseret sig inden for produktion og distribution af cinemagraph) og efterf\u00f8lgende indlejres p\u00e5 din side. For den sidstn\u00e6vnte platform byder f.eks. p\u00e5 f\u00e6rdige embed-koder til kopiering og inds\u00e6tning, som afspiller videoen med autoplay og loop.<\/p>\n<p>Eksempelkode til indlejring af et levende billede som HTML-element:<\/p>\n<pre>&lt;video width=\"320\" height=\"240\" autoplay loop&gt;\r\n&lt;source src=\"movie.mp4\" type=\"video\/mp4\"&gt;\r\n&lt;source src=\"movie.ogg\" type=\"video\/ogg\"&gt;\r\nYour browser does not support the video tag.\r\n&lt;\/video&gt;<\/pre>\n<div>\n<p>Eksempelkode til indlejring af et levende billede fra mediegalleriet (af WordPress):<\/p>\n<pre>[ video width=\"1200\" height=\"800\" \r\nmp4=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2018\/09\/\r\nTest_Wasser\r\n-1200px-25fps-2.mp4\" loop=\"on\" autoplay=\"on\" ] [ \/video ]<\/pre>\n<p><em><span style=\"font-size: 8pt;\">(Oplysning: Slet mellemrum f\u00f8r og efter parenteser, inden du bruger denne kode.)<\/span><\/em><\/p>\n<p>Eksempelkode til indlejring af et levende billede p\u00e5 YouTube:<\/p>\n<pre>&lt;iframe class=\"embed-responsive-item\"id=\"ytplayer\" type=\"text\/html\" width=\"640\" \r\nheight=\"360\" src=\"https:\/\/www.youtube.com\/embed\/DWamwL9e3EY?&amp;autoplay=1&amp;loop=1&amp;rel\r\n=0&amp;showinfo=0&amp;color=white&amp;iv_load_policy=3&amp;playlist=DWamwL9e3EY\" frameborder=\"0\" \r\nallowfullscreen&gt;&lt;\/iframe&gt;<\/pre>\n<\/div>\n<p>Eksempelkode til indlejring af et levende billede p\u00e5 Flixel:<\/p>\n<pre>&lt;div class=\"flx-embed\"&gt;&lt;div style=\"position:relative; height:0; \r\npadding-bottom:56.25%; width:100%\"&gt;&lt;iframe style=\"position:absolute; top:0; \r\nleft:0; width:100%; height:100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/\r\ntpaqkloxud1mvjq08bfh?hd=false\" frameborder=\"0\" allowfullscreen allow='autoplay'&gt;\r\n&lt;\/iframe&gt;&lt;\/div&gt;&lt;\/div&gt;<\/pre>\n<h3 id=\"2\">Sociale medier content-, display- eller canvasreklame<\/h3>\n<p>Levende er interessant. Det g\u00e6lder efterh\u00e5nden for indholdet p\u00e5 alle sociale medier. Levende billeder egner sig b\u00e5de til display- og canvasreklame p\u00e5 Facebook eller Instagram og som interessant indhold fra din contentstrategi. Fordelen ved s\u00e5danne billeder i forhold til videoer er f\u00f8lgende: En cinemagraph bliver opfattet lidt mere simpelt end videoer, fordi der er v\u00e6sentligt mindre bev\u00e6gelse p\u00e5 samme tid, som \u00f8jet skal opfatte. For det f\u00f8rste er det behageligt for \u00f8jet, for det andet mere interessant at se p\u00e5. Desuden b\u00f8r indhold i sociale netv\u00e6rk v\u00e6re underholdende \u2013 og lad nu v\u00e6re med at sige, at du har l\u00e6st med indtil nu, fordi du ikke synes de levende billeder er sp\u00e6ndende.<\/p>\n<blockquote class=\"instagram-media\" style=\"background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/BbSTEDUgUeK\/?utm_source=ig_embed&amp;utm_medium=loading\" data-instgrm-version=\"12\">\n<div style=\"padding: 16px;\">\n<p>&nbsp;<\/p>\n<div style=\"display: flex; flex-direction: row; align-items: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"><\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 19% 0;\"><\/div>\n<div style=\"display: block; height: 50px; margin: 0 auto 12px; width: 50px;\"><\/div>\n<div style=\"padding-top: 8px;\">\n<div style=\"color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;\">View this post on Instagram<\/div>\n<\/div>\n<div style=\"padding: 12.5% 0;\"><\/div>\n<div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\">\n<div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div>\n<div style=\"background-color: #f4f4f4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div>\n<\/div>\n<div style=\"margin-left: 8px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg);\"><\/div>\n<\/div>\n<div style=\"margin-left: auto;\">\n<div style=\"width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div>\n<div style=\"background-color: #f4f4f4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\"><a style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none;\" href=\"https:\/\/www.instagram.com\/p\/BbSTEDUgUeK\/?utm_source=ig_embed&amp;utm_medium=loading\" target=\"_blank\" rel=\"noopener noreferrer\">A post shared by Coca-Cola (@cocacolaeu)<\/a> on <time style=\"font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;\" datetime=\"2017-11-09T19:16:59+00:00\">Nov 9, 2017 at 11:16am PST<\/time><\/p>\n<\/div>\n<\/blockquote>\n<p><script async src=\"\/\/www.instagram.com\/embed.js\"><\/script><\/p>\n<p><strong>Teknisk implementering<\/strong>: Med autoplay-funktionen p\u00e5 Facebook, Instagram m.fl. starter videoerne og animerede billeder uden et ekstra klik p\u00e5 billedet. Nu kan ogs\u00e5 profilbilleder eller reklameannoncer p\u00e5 Facebook indstilles med levende billeder. Gengivelsen af en cinemagraph er heller ikke noget problem p\u00e5 nyere mobile enheder Men du skal sikre dig, at dit billede bliver afspillet i loop, s\u00e5 motivets bev\u00e6gelseseffekt ogs\u00e5 bliver tydelig. Hvis det animerede billede kun er tre sekunder lang, vil modtageren ikke l\u00e6gge m\u00e6rke til noget.<\/p>\n<h3 id=\"3\">Nyhedsbrev<\/h3>\n<p>Ogs\u00e5 p\u00e5 dette omr\u00e5de er levende billeder meget berigende. Seriegiganten Netflix har f.eks. ved starten af 3. s\u00e6son af \u201eHouse of Cards\u201c placeret et s\u00e5dant i deres nyhedsbrev. S\u00e5ledes bliver sandsynligheden st\u00f8rre, at l\u00e6serne husker s\u00e6sonstarten, og at mange klikker p\u00e5 traileren.<\/p>\n<div class=\"flx-embed\">\n<div style=\"position: relative; height: 0; padding-bottom: 114.94%; width: 100%;\"><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/f8yz1tdwi0jtppyq7oio?hd=false\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<p><span style=\"font-size: 8pt;\"><em>Kilde : blog.flixel.com<\/em><\/span><\/p>\n<p><strong>Teknisk implementering<\/strong>: Ogs\u00e5 hvis billedet skal implementeres i et nyhedsbrev, kan konverteringen til et GIF-format undtagelsesvist (ogs\u00e5 selv om man egentlig b\u00f8r undg\u00e5 det) hj\u00e6lpe med at holde filst\u00f8rrelsen nede. GIF\u2019en kan normalt integreres via indlejringskoden af billeder, og pga. filst\u00f8rrelsen ville man undg\u00e5 en lang indl\u00e6sning af nyhedsbrevets indhold. Dog b\u00f8r man v\u00e6re meget opm\u00e6rksom p\u00e5, at kvalitetstabet ikke bliver for stort, og at udseendet af det animerede billede alligevel stadig er af h\u00f8j kvalitet.<\/p>\n<p>Eksempelkode til indlejring af et levende billede i et nyhedsbrev (gemt som GIF):<\/p>\n<div class=\"custom-background-grey\">\n<p>&lt;img src=\u201cXXXXX.gif\u201c width=\u201c600\u201c height=\u201c340\u201c alt=\u201cxx\u201c border=\u201c0\u201c hspace=\u201c0\u201c vspace=\u201c0\u201c&gt;<\/p>\n<\/div>\n<p>Hvis billedet bliver indlejret som video med v\u00e6sentligt flere farver og s\u00e5ledes en st\u00f8rre filst\u00f8rrelse, skal man f\u00f8rst teste, om det animerede billede p\u00e5virker performancen af indholdet ved \u00e5bningen af nyhedsbrevet \u2013 b\u00e5de i desktopvarianten og til mobile enheder.<\/p>\n<h2>Opret selv levende billeder: V\u00e6rkt\u00f8jstjek<\/h2>\n<p>For at v\u00e6kke et billede til live har man brug for et godt \u00f8je og alt efter v\u00e6rkt\u00f8j ogs\u00e5 for en god internetforbindelse. Nogle v\u00e6rkt\u00f8jer tilbyder nemlig endda onlineredigering. Alt efter v\u00e6rkt\u00f8j kr\u00e6ves der et billede eller en video som udgangsmateriale.<\/p>\n<h3 id=\"plotagraph\">Plotagraph<\/h3>\n<p>Ved denne udbyder er det i mods\u00e6tning til de andre v\u00e6rkt\u00f8jer muligt at oprette et levende billede ved hj\u00e6lp af en billedfil. Billeder kan her ogs\u00e5 redigeres online. Ved Plotagraph, eller rettere sagt \u201ePlotaverse\u201c, kan man registreres gratis for at f\u00e5 et f\u00f8rste indtryk af v\u00e6rkt\u00f8jet. Redigeringen foreg\u00e5r her meget hurtigt, i det mindste beh\u00f8ver man ikke producere ret meget p\u00e5 forh\u00e5nd. Man skal blot tage eller v\u00e6lge et egnet billede og uploade det i v\u00e6rkt\u00f8jet. Ved hj\u00e6lp af en pensel kan man i editoren fastl\u00e6gge, hvilke dele der skal forblive stille p\u00e5 billedet.<\/p>\n<figure id=\"attachment_14805\" aria-describedby=\"caption-attachment-14805\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Plotagraph-1_sprachneutral.png\" rel=\"attachment wp-att-14805\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14805 size-large\" src=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Plotagraph-1_sprachneutral.png\" alt=\"En tr\u00e6lade st\u00e5r p\u00e5 en gr\u00e6smark under dramatiske, m\u00f8rke skyer. Laden og marken er fremh\u00e6vet med r\u00f8dt, hvilket indikerer valg i en billedredigeringssoftwaregr\u00e6nseflade.\" width=\"696\" height=\"338\" \/><\/a><figcaption id=\"caption-attachment-14805\" class=\"wp-caption-text\">Screenshot af maskeringen i Plotagraph<\/figcaption><\/figure>\n<p>Ved hj\u00e6lp af pile (orange og bl\u00e5) kan du fastl\u00e6gge, hvilken retning billedpixlerne i den efterf\u00f8lgende bev\u00e6gelse skal have. S\u00e5kaldte \u201estabilisatorer\u201c hj\u00e6lper med den pr\u00e6cise definition af animationen p\u00e5 billedet. I dette eksempel er der bevidst blevet placeret stabilisatorer i skyerne for at skabe en mere differentieret bev\u00e6gelse af skyerne.<\/p>\n<figure id=\"attachment_14797\" aria-describedby=\"caption-attachment-14797\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Plotagraph-2_sprachneutral.png\" rel=\"attachment wp-att-14797\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14797 size-large\" src=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Plotagraph-2_sprachneutral.png\" alt=\"Et sk\u00e6rmbillede af Plotgraph Software viser en gammel tr\u00e6lade p\u00e5 en mark under dramatisk, overskyet himmel. Gr\u00e6nsefladen viser mange retningspile og prikker over himlen, der angiver animationspunkter.\" width=\"696\" height=\"338\" \/><\/a><figcaption id=\"caption-attachment-14797\" class=\"wp-caption-text\">Screenshot af den fortsatte redigering i Plotagraph<\/figcaption><\/figure>\n<p>Billedpixlernes bev\u00e6gelse beregnes automatisk af v\u00e6rkt\u00f8jet. Derudover kan du ogs\u00e5 p\u00e5virke den automatisk beregnede bev\u00e6gelse tidsm\u00e6ssigt. Jo kortere du indstiller varigheden af det animerede billede, jo hurtigere bev\u00e6ger de definerede billedpunkter sig. Efterf\u00f8lgende kan projektet eksporteres. Hvis man ikke betaler for Pro-versionen, f\u00e5r men en MP4-fil, som indeholder et vandm\u00e6rke. I betalingsversionen kan man v\u00e6lge mellem formaterne MOV, JPEG seg, PNG seq, animated PNG og GIF.<\/p>\n<p>Fordelen ved dette v\u00e6rkt\u00f8j er bl.a., at du til enhver tid kan kontrollere redigeringen via Play-knappen nederst i midten, fordi billedet afspilles i et uendeligt loop med et klik p\u00e5 knappen. P\u00e5 den m\u00e5de l\u00e6gger man hurtigt m\u00e6rke til ting, der er us\u00e6dvanlige, og unaturlige bev\u00e6gelser.<\/p>\n<div style=\"width: 696px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-14689-1\" width=\"696\" height=\"463\" loop=\"1\" autoplay=\"1\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/house-1200px-30fps.mp4?_=1\" \/><a href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/house-1200px-30fps.mp4\">https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/house-1200px-30fps.mp4<\/a><\/video><\/div>\n<p><strong>Facit:<\/strong> Onlineapplikationen pr\u00e6sterer ogs\u00e5 meget godt p\u00e5 smartphone. Hvis man beslutter sig for at k\u00f8be Pro-versionen, giver det god mening at downloade applikationens desktopversionen. Men v\u00e6rkt\u00f8jet kan ikke v\u00e6kke ethvert billede til live p\u00e5 en naturlig m\u00e5de, fordi den pr\u00e6cise bev\u00e6gelse af de enkelte billedpunkter ikke kan p\u00e5virkes helt eksakt.<\/p>\n<p>Senest n\u00e5r elementer som f.eks. solstr\u00e5ler skal bev\u00e6ge sig i forgrunden, mens baggrunden, f.eks. en bjergkulisse skal forblive stille, m\u00f8der v\u00e6rkt\u00f8jet sine gr\u00e6nser. Men hvis for- og baggrundsbev\u00e6gelsen kan opdeles klart p\u00e5 billedet (f.eks. hav og himmel), kan man med Plotagraph meget hurtigt oprette levende billeder. Og det med kun et billede som udgangsmateriale. Flydende motiver som f.eks. skyer, havet eller ren grafik kan med fordel redigeres med dette v\u00e6rkt\u00f8j.<\/p>\n<h3 id=\"flixel\">Flixel<\/h3>\n<p>Programmet <a href=\"https:\/\/flixel.com\/\">Cinemapraph Pro by Flixel<\/a> er specielt udviklet til oprettelse af en cinemagraph. Ogs\u00e5 her har man mulighed for f\u00f8rst at teste v\u00e6rkt\u00f8jet gratis. Den st\u00f8rste og vigtigste forskel i forhold til Plotagraph er, at man her arbejder med videomateriale. Det betyder, at bev\u00e6gelserne p\u00e5 billedet virker v\u00e6sentligt mere naturlige, fordi det er \u00e6gte bev\u00e6gelser, man kan se. P\u00e5 forh\u00e5nd skal man dog optage videoen efter nogle bestemte betingelser.<\/p>\n<p>For det levende billede skal der optages en video med stativ. Videoens kanter skal nemlig ikke \u00e6ndre sig, men kun modellerne eller motivet p\u00e5 billedet. Der er ingen gr\u00e6nser for din kreativitet, n\u00e5r det handler om, hvad der til sidst skal bev\u00e6ge sig p\u00e5 billedet. Men inden du optager videoen, b\u00f8r du have for \u00f8je, hvad der skal se i din cinemagraph. S\u00e5ledes skal du give modellerne nogle anvisninger eller placere kameraet i p\u00e5g\u00e6ldende omgivelser.<\/p>\n<p>I begyndervejledningen fra Flixel skal der v\u00e6kkes en tescene til live, hvor herren til venstre ved trappen nipper, og damen til h\u00f8jre sk\u00e6nker te op.<\/p>\n<figure id=\"attachment_14793\" aria-describedby=\"caption-attachment-14793\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Flixel-1_en.png\" rel=\"attachment wp-att-14793\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14793 size-large\" src=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Flixel-1_en.png\" alt=\"En mand og kvinde sidder i l\u00e6nestole ved en pejs. Manden drikker af en kop, mens kvinden sk\u00e6nker te fra en glaskande. En bakke med kopper og snacks st\u00e5r p\u00e5 et rundt bord mellem dem.\" width=\"696\" height=\"392\" \/><\/a><figcaption id=\"caption-attachment-14793\" class=\"wp-caption-text\">Valg af et videoafsnit i Cinemagraph Pro<\/figcaption><\/figure>\n<p>Hvis man nu uploader den optagne video i Cinemapraph Pro, skal du f\u00f8rst bestemme et kort afsnit i videoen og definere et stillbillede inden for dette. Dette stillbillede er udgangsmaterialet for din cinemagraph.<\/p>\n<p>I det n\u00e6ste trin foretages maskeringen. Det betyder, at du med en pensel skal markere alle de omr\u00e5der i det valgte stillbillede, som senere skal bev\u00e6ge sig.<\/p>\n<figure id=\"attachment_14794\" aria-describedby=\"caption-attachment-14794\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Flixel-2_en.png\" rel=\"attachment wp-att-14794\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14794 size-large\" src=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Flixel-2_en.png\" alt=\"En mand nipper af en tekop, mens en kvinde h\u00e6lder te i en kop ved siden af ham. De sidder i l\u00e6nestole i et hyggeligt rum med pejs og en bakke med snacks p\u00e5 et rundt bord imellem sig.\" width=\"696\" height=\"377\" \/><\/a><figcaption id=\"caption-attachment-14794\" class=\"wp-caption-text\">Maskering af omr\u00e5derne, som senere skal bev\u00e6ge sig<\/figcaption><\/figure>\n<p>Ved hj\u00e6lp af den oprette maske skinner nu alle de steder af det tidligere bestemte videoafsnit igennem, som du har k\u00f8rt over med penslen. P\u00e5 det resterende billede kan man se det valgte stillbillede.<\/p>\n<p>S\u00e5 bev\u00e6gelsen er flydende p\u00e5 billedet, b\u00f8r videoafsnittet v\u00e6lges med omhu. Via indstillingsmuligheden \u201eBounce\u201c eller \u201eRepeat\u201c kan man afspille videoen bagved stillbilledet enten frem, tilbage og frem igen eller altid forfra igen. Gentagelsestiden kan ogs\u00e5 defineres.<\/p>\n<p><strong>Facit<\/strong>: Her kommer det alts\u00e5 an p\u00e5 den perfekte afstemning af videomaterialet, det valgte videoafsnit og det tilh\u00f8rende stillbillede. Programmet er lavet meget overskueligt og udstyret med alle n\u00f8dvendige v\u00e6rkt\u00f8jer til redigering. Is\u00e6r eksportfunktionerne g\u00f8r det muligt at forberede din cinemagraph optimalt til sociale medier eller endda Facebook Ads. Med Cinemagraphs Pro kan man generere virkelig realistiske levende billeder, uden at man skal st\u00e5 over for alt for mange funktioner ved redigeringen. Hvis man vil bruge levende billeder professionelt, betragter vi v\u00e6rkt\u00f8jet som en fornuftig mulighed.<\/p>\n<h3 id=\"photoshop\">Adobe Photoshop<\/h3>\n<p>Hvis du allerede r\u00e5der over Creative Suite, beh\u00f8ver du ikke anskaffe dig et ekstra program til levende billeder. De kan ogs\u00e5 oprettes med Photoshop C6 eller en nyere version. Dog skal man her bruge nogle tricks, fordi Photoshop egentlig ikke er udviklet til videoredigering.<\/p>\n<p>Men siden Photoshop C6 kan man ogs\u00e5 \u00e5bne videoer, og der vises en tidsbj\u00e6lke nederst i programmet. Mediedesigneren DomQuichotte, kendt pga. sine vejledninger p\u00e5 fx-ray.com, viser i en vejledning til Adobe meget anskueligt, hvordan man hurtigt f\u00e5r et levende billede i Photoshop. Kort fortalt handler det om (p\u00e5 lignende m\u00e5de som ved Flixel-programmet Cinemapraph Pro) at optage en passende video og definere et egnet kort afsnit. N\u00e5r du har valgt dette udsnit, kan du kopiere et stillbillede ud af det. Trylleordet er nu \u201elagmasker\u201c. Ved hj\u00e6lp af lagmasker kan du nu nemlig i dette stillbillede definere, p\u00e5 hvilke steder den underliggende video skal kunne ses. For lagoverlejringen med videofiler fungerer i Photoshop p\u00e5 samme m\u00e5de som med billedlag. S\u00e5ledes er det prim\u00e6rt altid billedet, man kan se, og kun p\u00e5 udvalgte steder den underliggende video.<\/p>\n<figure id=\"attachment_14794\" aria-describedby=\"caption-attachment-14794\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/PS-Tutorial_sprachneutral_EN_FR.jpg\" rel=\"attachment wp-att-14794\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14794 size-large\" src=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/PS-Tutorial_sprachneutral_EN_FR.jpg\" alt=\"En mand st\u00e5r p\u00e5 et podium med en b\u00e6rbar computer og pr\u00e6senterer en fotoredigeringssoftware-gr\u00e6nseflade p\u00e5 en stor sk\u00e6rm, der viser en kvinde i en kjole, der st\u00e5r i h\u00f8jt gr\u00e6s ved stranden.\" width=\"696\" height=\"377\" \/><\/a><figcaption id=\"caption-attachment-14794\" class=\"wp-caption-text\">Screenshot fra vejledningen af DomQuichotte, kilde: blogs.adobe.com<\/figcaption><\/figure>\n<p>Fordelen ved redigeringen i Photoshop er f\u00f8lgende: Hvis du konverterer det valgte stillbillede til et smartobjekt, har du her fortsat alle billedredigeringens muligheder. Uanset om RAW-filter eller andre anvendelser \u2013 du kan redigere dit levende billede efter samme skema, som du ogs\u00e5 ville redigere dine andre produkt- eller shootingbilleder.<\/p>\n<div class=\"custom-background-grey\">\n<p>Interessant er, at det i Photoshop ikke kun er videoer, der kan trylles om til et levende billede. Ogs\u00e5 et billede kan ved hj\u00e6lp af tidsbj\u00e6lken redigeres p\u00e5 en s\u00e5dan m\u00e5de, at det senere bev\u00e6ger sig. Dog er denne metode lidt mindre fleksibel, fordi man med maskering og transformation (f.eks. forst\u00f8rrelse) pr\u00f8ver at simulere en bev\u00e6gelse. Her er det \u2013 ligesom ved <a href=\"#plotagraph\">Plotagraph<\/a> \u2013 igen flydende motiver, f.eks. skyer eller vand, der fungerer bedre.<\/p>\n<\/div>\n<p><strong>Facit:<\/strong> Hvis du har styr p\u00e5 Photoshop eller endnu bedre allerede er fortrolig med tidsbj\u00e6lken i programmet, er denne redigeringsvariant den nemmeste for dig. For ud over oprettelsen af det levende billede kan du som beskrevet anvende alle n\u00f8dvendige retoucherings- og filterredigeringer p\u00e5 billedet. S\u00e5ledes beh\u00f8ver du ikke anskaffe dig et nyt program og forbliver fleksibel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vi vender os imod en billedtrend, som efter vores opfattelse snart vil komme igen: levende billeder, ogs\u00e5 kaldet cinemagraph.<\/p>\n","protected":false},"author":24,"featured_media":15543,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Opret levende billeder til succesfulde reklamer: Cinemagraph<\/title>\n<meta name=\"description\" content=\"Levende billeder som f.eks. en cinemagraph er en billedtrend, som m\u00e5ske snart kommer igen. Det skal du tage h\u00f8jde for ved oprettelsen og din marketingindsats.\" \/>\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.onlineprinters.dk\/blog\/cinemagraphs\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Opret levende billeder til succesfulde reklamer: Cinemagraph\" \/>\n<meta property=\"og:description\" content=\"Levende billeder som f.eks. en cinemagraph er en billedtrend, som m\u00e5ske snart kommer igen. Det skal du tage h\u00f8jde for ved oprettelsen og din marketingindsats.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/\" \/>\n<meta property=\"og:site_name\" content=\"onlineprinters.dk Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-19T06:36:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-28T12:47:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Beitragsbild_bewegte-Bilder.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1068\" \/>\n\t<meta property=\"og:image:height\" content=\"580\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ramona\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Opret levende billeder til succesfulde reklamer: Cinemagraph\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ramona\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/\",\"url\":\"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/\",\"name\":\"Opret levende billeder til succesfulde reklamer: Cinemagraph\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Beitragsbild_bewegte-Bilder.jpg\",\"datePublished\":\"2019-06-19T06:36:55+00:00\",\"dateModified\":\"2025-04-28T12:47:36+00:00\",\"author\":{\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9\"},\"description\":\"Levende billeder som f.eks. en cinemagraph er en billedtrend, som m\u00e5ske snart kommer igen. Det skal du tage h\u00f8jde for ved oprettelsen og din marketingindsats.\",\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/#primaryimage\",\"url\":\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Beitragsbild_bewegte-Bilder.jpg\",\"contentUrl\":\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Beitragsbild_bewegte-Bilder.jpg\",\"width\":1068,\"height\":580},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/#website\",\"url\":\"https:\/\/www.onlineprinters.dk\/blog\/\",\"name\":\"onlineprinters.dk Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.onlineprinters.dk\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9\",\"name\":\"Ramona\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2018\/10\/avatar.png\",\"contentUrl\":\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2018\/10\/avatar.png\",\"caption\":\"Ramona\"},\"description\":\"H\u00e4tte, h\u00e4tte, Fahrradkette \u2013 ich bin ein Fan davon die Dinge konsequent anzupacken und versuche weniger verpassten Gelegenheiten nachzuh\u00e4ngen. Jeden Tag \u00f6ffnen sich neue T\u00fcren und in unserer schnelllebigen Zeit der selbstf\u00fcllenden K\u00fchlschr\u00e4nke, Next-day-deliverys und twitternden Pr\u00e4sidenten sind das jede Menge. Nach meinem Studium der Medienkommunikation habe ich mich vor allem den spannenden Entwicklungen des Online Marketings verschrieben. In meinen Artikeln m\u00f6chte ich die neuen Trends und Inspirationen auf diesem Gebiet so lebhaft und praxisnah wie m\u00f6glich an die Leser weitergeben.\",\"url\":\"https:\/\/www.onlineprinters.dk\/blog\/author\/ramona\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Opret levende billeder til succesfulde reklamer: Cinemagraph","description":"Levende billeder som f.eks. en cinemagraph er en billedtrend, som m\u00e5ske snart kommer igen. Det skal du tage h\u00f8jde for ved oprettelsen og din marketingindsats.","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.onlineprinters.dk\/blog\/cinemagraphs\/","og_locale":"da_DK","og_type":"article","og_title":"Opret levende billeder til succesfulde reklamer: Cinemagraph","og_description":"Levende billeder som f.eks. en cinemagraph er en billedtrend, som m\u00e5ske snart kommer igen. Det skal du tage h\u00f8jde for ved oprettelsen og din marketingindsats.","og_url":"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/","og_site_name":"onlineprinters.dk Blog","article_published_time":"2019-06-19T06:36:55+00:00","article_modified_time":"2025-04-28T12:47:36+00:00","og_image":[{"width":1068,"height":580,"url":"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Beitragsbild_bewegte-Bilder.jpg","type":"image\/jpeg"}],"author":"Ramona","twitter_card":"summary_large_image","twitter_title":"Opret levende billeder til succesfulde reklamer: Cinemagraph","twitter_misc":{"Skrevet af":"Ramona","Estimeret l\u00e6setid":"14 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/","url":"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/","name":"Opret levende billeder til succesfulde reklamer: Cinemagraph","isPartOf":{"@id":"https:\/\/www.onlineprinters.dk\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/#primaryimage"},"image":{"@id":"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Beitragsbild_bewegte-Bilder.jpg","datePublished":"2019-06-19T06:36:55+00:00","dateModified":"2025-04-28T12:47:36+00:00","author":{"@id":"https:\/\/www.onlineprinters.dk\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9"},"description":"Levende billeder som f.eks. en cinemagraph er en billedtrend, som m\u00e5ske snart kommer igen. Det skal du tage h\u00f8jde for ved oprettelsen og din marketingindsats.","inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/www.onlineprinters.dk\/blog\/cinemagraphs\/#primaryimage","url":"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Beitragsbild_bewegte-Bilder.jpg","contentUrl":"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/05\/Beitragsbild_bewegte-Bilder.jpg","width":1068,"height":580},{"@type":"WebSite","@id":"https:\/\/www.onlineprinters.dk\/blog\/#website","url":"https:\/\/www.onlineprinters.dk\/blog\/","name":"onlineprinters.dk Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.onlineprinters.dk\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Person","@id":"https:\/\/www.onlineprinters.dk\/blog\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9","name":"Ramona","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/www.onlineprinters.dk\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2018\/10\/avatar.png","contentUrl":"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2018\/10\/avatar.png","caption":"Ramona"},"description":"H\u00e4tte, h\u00e4tte, Fahrradkette \u2013 ich bin ein Fan davon die Dinge konsequent anzupacken und versuche weniger verpassten Gelegenheiten nachzuh\u00e4ngen. Jeden Tag \u00f6ffnen sich neue T\u00fcren und in unserer schnelllebigen Zeit der selbstf\u00fcllenden K\u00fchlschr\u00e4nke, Next-day-deliverys und twitternden Pr\u00e4sidenten sind das jede Menge. Nach meinem Studium der Medienkommunikation habe ich mich vor allem den spannenden Entwicklungen des Online Marketings verschrieben. In meinen Artikeln m\u00f6chte ich die neuen Trends und Inspirationen auf diesem Gebiet so lebhaft und praxisnah wie m\u00f6glich an die Leser weitergeben.","url":"https:\/\/www.onlineprinters.dk\/blog\/author\/ramona\/"}]}},"_links":{"self":[{"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/posts\/14689"}],"collection":[{"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/comments?post=14689"}],"version-history":[{"count":7,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/posts\/14689\/revisions"}],"predecessor-version":[{"id":40595,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/posts\/14689\/revisions\/40595"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/media\/15543"}],"wp:attachment":[{"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/media?parent=14689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/categories?post=14689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/tags?post=14689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}