{"id":14689,"date":"2019-05-29T08:36:55","date_gmt":"2019-05-29T06:36:55","guid":{"rendered":"https:\/\/www.diedruckerei.de\/magazin\/?p=14689"},"modified":"2025-04-28T14:26:28","modified_gmt":"2025-04-28T12:26:28","slug":"cinemagraphs","status":"publish","type":"post","link":"https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/","title":{"rendered":"Skapa r\u00f6rliga bilder och annonsera framg\u00e5ngsrikt med cinemagraphs"},"content":{"rendered":"<p>Vi \u00e4r dedikerade till en bildtrend som vi tror snart kommer att blomstra igen: r\u00f6rliga bilder, \u00e4ven kallade cinemagraphs. Dessa bilder har en \u00e4kta wow-effekt. Med de r\u00e4tta handgreppen v\u00e4cker du bilder till nytt liv utan att betala mycket f\u00f6r dem. Hur du tar med r\u00f6relse i bilder och vilka reklamkanaler du kan anv\u00e4nda optimalt, f\u00e5r du veta h\u00e4r:<!--more--><\/p>\n<p>Har den klassiska GIF-bilden under tiden kommit p\u00e5 modet igen? Ett \u00e4r s\u00e4kert: N\u00e5gra trender upprepas alltid. D\u00e4rf\u00f6r \u00e4gnar vi oss \u00e5t en annan, mycket lovande typ av r\u00f6rliga bilder. Den hade sitt genombrott f\u00f6r flera \u00e5r sedan och verkar snart \u00e5terupplivas: Cinemagraphs. S\u00e5dana bilder r\u00f6r sig, s\u00e5som \u00e4ven GIF, i en kontinuerlig slinga, men har annars lite gemensamt med de sociala medierna. Cinemagraphs \u00e4r h\u00f6gkvalitativa bilder, som har en verklig wow-effekt efter en flyktig blick &#8211; och s\u00e5 har cinemagraphs ocks\u00e5 en verklig hitpotential f\u00f6r dina reklam\u00e4ndam\u00e5l.<\/p>\n<p><strong>Inneh\u00e5ll<\/strong>:<\/p>\n<ul>\n<li>F\u00f6r marknadsf\u00f6ring: Annonsera professionellt med r\u00f6rliga bilder.\n<ul>\n<li><u><a href=\"#1\">Webbsidor och bloggar<\/a><\/u><\/li>\n<li><u><a href=\"#2\">Social Media inneh\u00e5ll-, display- eller canvas-reklam<\/a><\/u><\/li>\n<li><a href=\"#3\">Newsletter<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Skapa r\u00f6rliga bilder sj\u00e4lv: Tool-Check\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>Cinemagraphs vs. GIF<\/strong><br \/>\nI Cinemagraphs r\u00f6r sig bara delar av bilden, medan resten f\u00f6rblir or\u00f6rliga. D\u00e4rf\u00f6r verkar foton \u00e4ven verkliga som \u201dr\u00f6rliga bilder\u201c &#8211; inte som videostycken. Till skillnad fr\u00e5n GIF inneh\u00e5ller Cinemagraphs mycket fler f\u00e4rger och d\u00e4rigenom ett h\u00f6gre kvalitetsintryck.<\/p>\n<\/div>\n<p>De r\u00f6rliga bilderna skapar intryck: Egentligen koncentrerar man blicken till exempel p\u00e5 en kvinna som solar vid poolen, men pl\u00f6tsligt h\u00e4nder det n\u00e5got p\u00e5 bilden.<\/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>K\u00e4lla: flixel.com\/cinemagraph\/ \u2013 DomQuichotte<\/em><\/span><\/div>\n<\/div>\n<div class=\"flx-embed\">\n<div><\/div>\n<div>\n<p>\u00c4ven motsatt uppst\u00e5r intressanta effekter. Mycket r\u00f6r sig i bilden och ser ut som en video, tills du m\u00e4rker att vissa delar f\u00f6rblir or\u00f6rliga och att du faktiskt betraktar en animerad bild i st\u00e4llet f\u00f6r en video.<\/p>\n<\/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>K\u00e4lla: flixel.com\/cinemagraph\/ \u2013 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>K\u00e4lla: flixel.com\/cinemagraph\/ \u2013 DomQuichotte<\/em><\/span><\/div>\n<div><\/div>\n<div>\n<p>R\u00f6rliga bilder som Cinemagraphs \u00e4r inte en ny trend och framtogs professionellt redan \u00e5r 2011 f\u00f6r marknadsf\u00f6ring av v\u00e4lk\u00e4nda varum\u00e4rken. S\u00e5som till exempel \u00e4ven av de kreativa skaparna\u00a0<a href=\"http:\/\/cinemagraphs.com\/\">Jamie Beck och Kevin Burg<\/a>\u00a0f\u00f6r den d\u00e5tida New Yorker Fashion Week. Och de har verkligen potential att g\u00f6ra webbplatser eller reklam mer intressanta p\u00e5 webben utan att man beh\u00f6ver producera dyra videofilmer.<\/p>\n<h2>Anv\u00e4nda r\u00f6rliga bilder professionellt<\/h2>\n<p>Hur de r\u00f6rliga bilderna produceras och vad som \u00e4r tekniskt bakom dem f\u00f6rklaras i verktygspresentationen nedan. Men en sak kan redan i f\u00f6rv\u00e4g f\u00f6rv\u00e4ntas vid denna tidpunkt: R\u00f6rliga bilder \u00e4r mycket billigare att producera \u00e4n kr\u00e4vande inspelade reklamvideofilmer. Men det finns n\u00e5got i bilden som v\u00e4cker och f\u00e5ngar betraktarens uppm\u00e4rksamhet. Filstorleken p\u00e5 bilderna \u00e4r ocks\u00e5 mycket mindre \u00e4n den f\u00f6r en reklamvideo, vilket resulterar i snabbare autoplay-prestanda p\u00e5 m\u00e5nga webbplatser eller bloggar. Och det \u00e4r viktigt, d\u00e4rf\u00f6r &#8221;fungerar&#8221; cinemagraphs b\u00e4st, n\u00e4r de spelas upp omedelbart och i en kontinuerlig slinga.<\/p>\n<\/div>\n<div class=\"custom-background custom-background-donts\">\n<p><strong>Viktigt:<\/strong>\u00a0\u00c4ven om det \u00e4r fr\u00e5ga om r\u00f6rliga <strong>bilder<\/strong>, \u00e4r de faktiskt mestadels <strong>videofiler.<\/strong> F\u00f6r att kunna spela den animerade bilden i en kontinuerlig slinga, \u00e4r det \u00e4ndam\u00e5lsenligt att spara videoformatet som en GIF-fil, eftersom det h\u00e4r formatet spelar upp videofilmer automatiskt om och om igen.<br \/>\nMen observera! En MP4-fil kan \u00e5terge otaliga f\u00e4rger, en GIF bara 256 \u2013 och denna kvalitetsf\u00f6rlust ser man ofta tydligt. F\u00f6rs\u00f6k d\u00e4rf\u00f6r, att med inbindning p\u00e5 din webbsida, blogg eller liknande, avst\u00e5 fr\u00e5n en GIF-konvertering och integrera loop-funktionen med inb\u00e4ddningskoden.<\/p>\n<figure id=\"attachment_14796\" aria-describedby=\"caption-attachment-14796\" style=\"width: 266px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/mp4-file.png\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14796\" src=\"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/mp4-file.png\" alt=\"Lugnt havsvatten under en klar himmel med en subtil gradient fr\u00e5n bl\u00e5tt till ljus n\u00e4ra horisonten. Scenen \u00e4r fridfull, utan synlig mark, f\u00f6rem\u00e5l eller m\u00e4nniskor.\" width=\"266\" height=\"230\" \/><\/a><figcaption id=\"caption-attachment-14796\" class=\"wp-caption-text\">Kvaliteten p\u00e5 en MP4-fil kontra<\/figcaption><\/figure>\n<figure id=\"attachment_14795\" aria-describedby=\"caption-attachment-14795\" style=\"width: 230px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/gif-file.png\" rel=\"attachment wp-att-14795\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14795\" src=\"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/gif-file.png\" alt=\"En person st\u00e5r p\u00e5 lugnt vatten vid solnedg\u00e5ngen och ser ut att g\u00e5 p\u00e5 havsytan under en pastellhimmel, med mjuka krusningar som reflekterar mjukt ljus.\" width=\"230\" height=\"230\" \/><\/a><figcaption id=\"caption-attachment-14795\" class=\"wp-caption-text\">en konverterad GIF-fil<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<h3>Webbsidor och bloggar<\/h3>\n<p>I sidhuvudet p\u00e5 en webbsida \u00e4r r\u00f6rliga bilder ett bra s\u00e4tt att omedelbart f\u00e5nga bes\u00f6karens uppm\u00e4rksamhet utan att \u00f6verdriva. Produktpresentationer kan ocks\u00e5 g\u00f6ras mycket mer attraktiva med Cinemagraphs, naturligtvis beroende p\u00e5 bransch och produkt. Denna f\u00f6rdel kan ocks\u00e5 effektivt anv\u00e4ndas i bloggar, varvid man alltid b\u00f6r beakta: Mindre \u00e4r mera. S\u00e5 snart allt r\u00f6r sig p\u00e5 sidan och g\u00e4lla p\u00e5annonseringar i varje sidof\u00e4lt tillkommer, f\u00f6rsvinner hela wow-effekten.<\/p>\n<p><strong>Exempel p\u00e5 produktpresentationer:\u00a0<\/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;\">K\u00e4lla: flixel.com\/cinemagraphs\/advertising \u2013 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><span style=\"font-size: 8pt;\"><em>K\u00e4lla:\u00a0flixel.com\/cinemagraphs\/advertising \u2013\u00a0AndrewPavlidis<\/em><\/span><\/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><span style=\"font-size: 8pt;\"><em>K\u00e4lla:\u00a0flixel.com\/cinemagraphs\/advertising \u2013\u00a0CinePix<\/em><\/span><\/p>\n<\/div>\n<p><strong>Teknisk integrering:<\/strong>\u00a0Den r\u00f6rliga bilden kan integreras via HTML-videofunktionen. Egenskaperna f\u00f6r &#8221;Autoplay&#8221; och &#8221;Loop&#8221; b\u00f6r ing\u00e5 i koden och kompatibilitet med olika webbl\u00e4sare ska testas. \u00c4ven WordPress till\u00e5ter inb\u00e4ddning av den animerade bilden utan problem. Det enklaste s\u00e4ttet \u00e4r att ladda upp den r\u00f6rliga bilden till YouTube eller andra plattformar som\u00a0<a href=\"https:\/\/flixel.com\/cinemagraphs\/fresh\/\">flixel.com<\/a>\u00a0(en webbplats som specialiserat sig p\u00e5 produktion och distribution av Cinemagraphs) och sedan b\u00e4dda in den p\u00e5 din sida. F\u00f6r den senare plattformen erbjuds till exempel f\u00e4rdiga inb\u00e4ddningskoder f\u00f6r kopiering och infogning, som spelar upp videoklipp i Autoplay och Loop.<\/p>\n<p>Exempelkod f\u00f6r inb\u00e4ddning av en r\u00f6rlig bild som HTML-funktion:<\/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>Exempelkod f\u00f6r inb\u00e4ddning av en r\u00f6rlig bild fr\u00e5n Media-Gallery (fr\u00e5n WordPress):<\/p>\n<pre>[ video width=\"1200\" height=\"800\" \r\nmp4=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2018\/09\/Test_Wasser\r\n-1200px-25fps-2.mp4\" loop=\"on\" autoplay=\"on\" ] [ \/video ]<\/pre>\n<p><span style=\"font-size: 8pt;\"><em>(Anvisning: Radera mellanslag f\u00f6re och efter parentes innan du anv\u00e4nder denna kod.)<\/em><\/span><\/p>\n<p>Exempelkod f\u00f6r inb\u00e4ddning av en r\u00f6rlig bild p\u00e5 YouTube:<\/p>\n<pre>&lt;iframe class=\"embed-responsive-item\"id=\"ytplayer\" type=\"text\/html\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/DWamwL9e3EY?&amp;autoplay=1&amp;loop=1&amp;rel=0&amp;showinfo=0&amp;color=white&amp;iv_load_policy=3&amp;playlist=DWamwL9e3EY\" frameborder=\"0\" allowfullscreen&gt;&lt;\/iframe&gt;<\/pre>\n<\/div>\n<p>Exempelkod f\u00f6r inb\u00e4ddning av en r\u00f6rlig bild p\u00e5 Flixel:<\/p>\n<pre>&lt;div class=\"flx-embed\"&gt;&lt;div style=\"position:relative; height:0; padding-bottom:56.25%; width:100%\"&gt;&lt;iframe style=\"position:absolute; top:0; left:0; width:100%; height:100%;\" src=\"https:\/\/media.flixel.com\/cinemagraph\/tpaqkloxud1mvjq08bfh?hd=false\" frameborder=\"0\" allowfullscreen allow='autoplay'&gt;&lt;\/iframe&gt;&lt;\/div&gt;&lt;\/div&gt;<\/pre>\n<h3>Reklam f\u00f6r sociala medier-inneh\u00e5ll-, display eller canvas<\/h3>\n<p>Det som r\u00f6r sig, \u00e4r intressant. Detta g\u00e4ller nuf\u00f6rtiden f\u00f6r allehanda inl\u00e4gg p\u00e5 n\u00e5gon social media-kanal. R\u00f6rliga bilder \u00e4r l\u00e4mpliga s\u00e5v\u00e4l f\u00f6r display-canvasreklam p\u00e5 Facebook eller Instagram som f\u00f6r intressanta inl\u00e4gg ur din inneh\u00e5llsstrategi. F\u00f6rdelen med s\u00e5dana bilder gentemot videoklipp: Cinemagraphs uppfattas som lite enklare \u00e4n videoklipp, eftersom mycket mindre r\u00f6r sig samtidigt \u00e4n vad \u00f6gat ska hinna med att uppleva. Detta blir angen\u00e4mt f\u00f6r \u00f6gat och d\u00e4rj\u00e4mte mycket intressantare att titta p\u00e5. Dessutom ska r\u00f6rliga bilder underh\u00e5lla p\u00e5 sociala n\u00e4tverk &#8211; och ber\u00e4tta inte f\u00f6r oss nu, att du har l\u00e4st s\u00e5 h\u00e4r l\u00e5ngt bara f\u00f6r att du tycker att r\u00f6rliga bilder inte \u00e4r sp\u00e4nnande.<\/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 integration:\u00a0<\/strong>Med Autoplay-funktionen fr\u00e5n Facebook startar Instagram etc. videoklipp eller animerade bilder utan ett extra klick p\u00e5 fotot. Under tiden kan \u00e4ven professionella bilder eller annonser p\u00e5 Facebook justeras med r\u00f6rliga bilder. \u00c5tergivning av Cinemagraph \u00e4r inte ett problem p\u00e5 nyare mobila enheter. Men se till att du spelar din bild i en slinga, s\u00e5 att motivets r\u00f6relseeffekt \u00e4ven f\u00f6rtydligas. Om den animerade bilden bara \u00e4r tre sekunder l\u00e5ng, kommer inte \u00e5sk\u00e5daren att observera den.<\/p>\n<h3>Newsletter<\/h3>\n<p>\u00c4ven inom detta omr\u00e5de \u00e4r r\u00f6rliga bilder mycket berikande. Seriej\u00e4tten Netflix har till exempel placerat r\u00f6rliga inslag i ett s\u00e5dant nyhetsbrev i b\u00f6rjan p\u00e5 3:e s\u00e4songen av &#8221;House of Cards\u201d. Sannolikheten \u00e4r d\u00e4rmed st\u00f6rre, att l\u00e4sarna kommer ih\u00e5g s\u00e4songstarten och m\u00e5nga klickar p\u00e5 trailern.<\/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>K\u00e4lla: blog.flixel.com<\/em><\/span><\/p>\n<p><strong>Teknisk integration:<\/strong>\u00a0Om bilden ska b\u00e4ddas in i ett nyhetsbrev, kan den i undantagsfall (\u00e4ven om det egentligen ska undvikas) konverteras till ett GIF-format f\u00f6r att h\u00e5lla filstorleken liten. GIF kan normalt integreras via bildens inb\u00e4ddningskod och filstorleken kan f\u00f6rhindra en tidskr\u00e4vande laddning av nyhetsinneh\u00e5llet. Det \u00e4r dock viktigt att se till att kvalitetsf\u00f6rlusten inte blir f\u00f6r stor och att den animerade bilden trots detta ser ut kvalitativt h\u00f6gv\u00e4rdig ut.<\/p>\n<p>Exempelkod f\u00f6r inb\u00e4ddning av en r\u00f6rlig bild i nyhetsbrev (sparat 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>Om bilden \u00e4r inb\u00e4ddad som en video med betydligt fler f\u00e4rger och d\u00e4rmed st\u00f6rre filstorlek, \u00e4r det viktigt att p\u00e5 f\u00f6rhand testa, om den animerade bilden p\u00e5verkar inneh\u00e5llets prestanda, n\u00e4r nyhetsbrevet \u00f6ppnas &#8211; b\u00e5de i varianten f\u00f6r skrivbordet och f\u00f6r mobila enheter.<\/p>\n<h2>Skapa r\u00f6rliga bilder sj\u00e4lv: Tool-Check<\/h2>\n<p>F\u00f6r att skapa liv en bild, beh\u00f6ver den ett bra \u00f6ga och, beroende p\u00e5 verktyg, en konstant internetanslutning. Vissa verktyg erbjuder \u00e4ven online-bearbetning. Beroende p\u00e5 verktyg kr\u00e4vs en bild eller en video som utg\u00e5ngsmaterial.<\/p>\n<h3>Plotagraph<\/h3>\n<p>Med denna leverant\u00f6r kan man, till skillnad fr\u00e5n andra verktyg, skapa en r\u00f6rlig bild fr\u00e5n en bildfil. Bilder kan ocks\u00e5 h\u00e4r redigeras online. Hos Plotagraph, mer exakt &#8221;Plotaverse&#8221;, kan du registrera dig gratis f\u00f6r att f\u00e5 ett f\u00f6rsta intryck av verktyget. Bearbetningen g\u00e5r mycket snabbt h\u00e4r, inte mycket beh\u00f6ver produceras i f\u00f6rv\u00e4g. Du ska bara ta eller v\u00e4lja en l\u00e4mplig bild och ladda in den i verktyget. En borste kan anv\u00e4ndas i redigeraren f\u00f6r att best\u00e4mma vilka delar i bilden som ska f\u00f6rbli or\u00f6rliga.<\/p>\n<figure id=\"attachment_14805\" aria-describedby=\"caption-attachment-14805\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.se\/blogg\/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.se\/blogg\/wp-content\/uploads\/2019\/05\/Plotagraph-1_sprachneutral.png\" alt=\"Ett gr\u00e4nssnitt f\u00f6r fotoredigeringsprogram visar en rustik tr\u00e4lada p\u00e5 ett f\u00e4lt under dramatisk, molnig himmel. Ladug\u00e5rden och marken \u00e4r markerade i r\u00f6tt, vilket indikerar ett urval f\u00f6r redigering. Olika redigeringsverktyg \u00e4r synliga p\u00e5 sidorna.\" width=\"696\" height=\"338\" \/><\/a><figcaption id=\"caption-attachment-14805\" class=\"wp-caption-text\">Sk\u00e4rmdump av maskeringen i Plotagraph<\/figcaption><\/figure>\n<p>Med pilar (orange och bl\u00e5) kan du fastst\u00e4lla, vilken riktning bildpunkterna ska ta i den senare r\u00f6relsen. S\u00e5 kallade &#8221;stabilisatorer&#8221; bidrar till att definiera animationen i bilden mer exakt. I detta exempel sattes stabilisatorer medvetet i den molniga himlen, f\u00f6r att uppn\u00e5 en mer differentierad r\u00f6relse f\u00f6r molnen.<\/p>\n<figure id=\"attachment_14797\" aria-describedby=\"caption-attachment-14797\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.se\/blogg\/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.se\/blogg\/wp-content\/uploads\/2019\/05\/Plotagraph-2_sprachneutral.png\" alt=\"En tr\u00e4lada st\u00e5r p\u00e5 ett gr\u00e4sbevuxet f\u00e4lt under en dramatisk, molnig himmel. Animationspilar och punkter \u00e4r \u00f6verlagrade p\u00e5 bilden, vilket indikerar redigering i Plotagraph-programvaran.\" width=\"696\" height=\"338\" \/><\/a><figcaption id=\"caption-attachment-14797\" class=\"wp-caption-text\">Sk\u00e4rmdump f\u00f6r ytterligare bearbetning i Plotagraph<\/figcaption><\/figure>\n<p>Bildpunkternas r\u00f6relse ber\u00e4knas automatiskt av verktyget. Dessutom kan du p\u00e5verka den automatiskt ber\u00e4knade r\u00f6relsen \u00f6ver tid. Ju kortare du st\u00e4ller in den animerade bildens varaktighet, desto snabbare f\u00f6rflyttar sig de definierade bildpunkterna. Avslutningsvis kan projektet exporteras. Om du inte betalar f\u00f6r Pro-versionen, f\u00e5r du en MP4-fil som inneh\u00e5ller ett vattenm\u00e4rke. Den betalda versionen inneh\u00e5ller formaten MOV, JPEG seq, PNG seq, animerade PNG och GIF.<br \/>\nF\u00f6rdelen med detta verktyg \u00e4r bland annat, att du kan kontrollera bearbetningen n\u00e4r som helst med hj\u00e4lp av Play-knappen l\u00e4ngst ner i mitten, eftersom bilden spelas genom att klicka p\u00e5 knappen i en \u00e4ndl\u00f6s slinga.<\/p>\n<div style=\"width: 696px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-14689-1\" width=\"696\" height=\"463\" loop autoplay preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/house-1200px-30fps.mp4?_=1\" \/><a href=\"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/house-1200px-30fps.mp4\">https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/house-1200px-30fps.mp4<\/a><\/video><\/div>\n<p><strong>Facit:<\/strong>\u00a0Online-anv\u00e4ndningen \u00e4r ocks\u00e5 mycket effektiv p\u00e5 smarttelefonen. Om du v\u00e4ljer att k\u00f6pa Pro-versionen, \u00e4r det meningsfullt att h\u00e4mta den station\u00e4ra versionen av programmet. Verktyget kan givetvis inte skapa liv i alla bilder p\u00e5 ett naturligt s\u00e4tt, eftersom den exakta r\u00f6relsen f\u00f6r de enskilda bildpunkterna inte noggrannt kan p\u00e5verkas.<\/p>\n<p>Senast n\u00e4r inslag som solstr\u00e5lar ska r\u00f6ra sig i f\u00f6rgrunden, medan bakgrunden ska f\u00f6rbli stilla som en bergkuliss, n\u00e5r man gr\u00e4nserna f\u00f6r verktyget. Om f\u00f6rgrunds- och bakgrundsr\u00f6relserna tydligt kan delas upp i bilden (till exempel mellan hav och himmel), g\u00f6r Plotagraph det m\u00f6jligt att skapa mycket snabba r\u00f6rliga bilder. Och det med bara ett foto som utg\u00e5ngsmaterial. Fl\u00f6dande motiv som moln, havet eller ren grafik \u00e4r bra f\u00f6r det h\u00e4r verktyget.<\/p>\n<h3>Flixel<\/h3>\n<p>Programmet\u00a0<a href=\"https:\/\/flixel.com\/\">Cinemagraph Pro fr\u00e5n Flixel<\/a>\u00a0\u00e4r speciellt utformat f\u00f6r att skapa cinemagraphs. \u00c4ven h\u00e4r har du m\u00f6jlighet att f\u00f6rst testa verktyget gratis. Den st\u00f6rsta och viktigaste skillnaden mot Plotagraph \u00e4r, att den fungerar med videomaterial. Det betyder att r\u00f6relserna i bilden ser mycket naturligare ut, eftersom de \u00e4r \u00e4kta r\u00f6relser som syns. I f\u00f6rv\u00e4g m\u00e5ste dock videon inspelas under s\u00e4rskilda betingelser.<\/p>\n<p>F\u00f6r den r\u00f6rliga bilden ska videoklippet inspelas p\u00e5 ett stativ. Videokanterna ska n\u00e4mligen inte \u00e4ndras, utan endast modellerna eller motivet p\u00e5 bilden. Din kreativitet har inga begr\u00e4nsningar, n\u00e4r det g\u00e4ller vad det \u00e4r som i slut\u00e4ndan ska r\u00f6ra sig i bilden. Innan du spelar in videon, m\u00e5ste du dock ha i \u00e5tanke vad du vill integrera i din Cinemagraph. F\u00f6ljaktligen ska du ge modellerna instruktioner eller placera kameran i motsvarande milj\u00f6er.<\/p>\n<p>I Flixels nyb\u00f6rjarhandledning ska en tebjudningsscen bringas till liv, d\u00e4r mannen till v\u00e4nster dricker ur koppen och damen h\u00e4ller te p\u00e5 h\u00f6ger sida.<\/p>\n<figure id=\"attachment_14793\" aria-describedby=\"caption-attachment-14793\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.se\/blogg\/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.se\/blogg\/wp-content\/uploads\/2019\/05\/Flixel-1_en.png\" alt=\"En man och kvinna sitter i f\u00e5t\u00f6ljer vid en \u00f6ppen spis. Kvinnan h\u00e4ller upp te medan mannen dricker ur en kopp. En bricka med te, koppar och snacks st\u00e5r p\u00e5 bordet mellan dem. Scenen visas p\u00e5 en datorredigeringssk\u00e4rm.\" width=\"696\" height=\"392\" \/><\/a><figcaption id=\"caption-attachment-14793\" class=\"wp-caption-text\">Val av en videosektion i Cinemagraph Pro<\/figcaption><\/figure>\n<p>N\u00e4r den upptagna videon laddas upp till Cinemapraph Pro, ska du f\u00f6rst fastst\u00e4lla en kort sektion i videon och inom den definiera en stillbild. Denna stillbild \u00e4r utg\u00e5ngsmaterial f\u00f6r din Cinemagraph.<\/p>\n<p>N\u00e4sta steg \u00e4r maskering. Det inneb\u00e4r, att du m\u00e5ste markera alla omr\u00e5den med en borste i den valda stillbilden, som du senare ska flytta.<\/p>\n<figure id=\"attachment_14794\" aria-describedby=\"caption-attachment-14794\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.se\/blogg\/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.se\/blogg\/wp-content\/uploads\/2019\/05\/Flixel-2_en.png\" alt=\"En man och kvinna sitter i f\u00e5t\u00f6ljer vid en \u00f6ppen spis; mannen dricker ur en kopp medan kvinnan h\u00e4ller upp te. Bilden \u00e4r delvis om\u00e4ttad i redigeringsprogram, med flera redigeringsverktyg synliga p\u00e5 sk\u00e4rmen.\" width=\"696\" height=\"377\" \/><\/a><figcaption id=\"caption-attachment-14794\" class=\"wp-caption-text\">Maskering av de omr\u00e5den som ska flyttas senare<\/figcaption><\/figure>\n<p>Med hj\u00e4lp av den nyss skapade masken, glimrar det nu p\u00e5 alla st\u00e4llen i det tidigare fastst\u00e4llda videoavsnittet, \u00f6ver vilket du har f\u00f6rt borsten. I resterande bild ser du den valda stillbilden.<\/p>\n<p>F\u00f6r att r\u00f6relsen i bilden ska vara flytande, ska videoavsnittet omsorgsfullt v\u00e4ljas. Med inst\u00e4llningsm\u00f6jligheterna &#8221;Bounce&#8221; eller &#8221;Repeat&#8221; kan videon bakom stillbilden spelas fram\u00e5t, bak\u00e5t och fram\u00e5t igen eller upprepade g\u00e5nger framifr\u00e5n. Upprepningstiden kan ocks\u00e5 definieras.<\/p>\n<p><strong>Facit:<\/strong>\u00a0H\u00e4r kommer det s\u00e5ledes an p\u00e5 perfekt avst\u00e4mning av videomaterial, valt videoavsnitt och tillh\u00f6rande stillbild. Programmet \u00e4r utformat mycket \u00f6versiktligt och utrustat med alla n\u00f6dv\u00e4ndiga verktyg f\u00f6r bearbetning. Speciellt exportalternativen g\u00f6r det m\u00f6jligt att f\u00f6rbereda Cinemagraph optimalt f\u00f6r sociala medier eller till och med f\u00f6r Facebook Ads. Med Cinemagraphs Pro kan du skapa riktigt realistiska r\u00f6rliga bilder, utan att bli \u00f6verbelastad av f\u00f6r m\u00e5nga funktioner. Om du vill anv\u00e4nda r\u00f6rliga bilder professionellt, ser vi verktyget som ett l\u00f6nsamt alternativ.<\/p>\n<h3>Adobe Photoshop<\/h3>\n<p>Om du redan har Creative Suite, beh\u00f6ver du inte n\u00f6dv\u00e4ndigtvis k\u00f6pa ett extra program f\u00f6r r\u00f6rliga bilder. Dessa kan ocks\u00e5 skapas med Photoshop C6 eller en senare version. H\u00e4r m\u00e5ste man bara delvis &#8221;fixa&#8221; n\u00e5got, eftersom Photoshop inte \u00e4r utformat f\u00f6r videoredigering.<\/p>\n<p>Men efter Photoshop C6 kan man nu \u00f6ppna videoklipp och en tidslinje visas l\u00e4ngst ner i programmet. Mediadesignern DomQuichotte, som \u00e4r k\u00e4nd f\u00f6r sina Tutorials p\u00e5 fx-ray.com, visar mycket \u00f6versk\u00e5dligt i en\u00a0Tutorial f\u00f6r Adobe, hur man skapar en r\u00f6rlig bild i Photoshop. Kort sagt handlar det om (liksom i Flixel-programmet Cinemapraph Pro) att spela in en l\u00e4mplig video och definiera ett l\u00e4mpligt kort avsnitt. Om du har valt detta avsnitt, kan du kopiera en stillbild fr\u00e5n den. L\u00f6senordet heter nu \u201dLagermasker\u201d. Med hj\u00e4lp av lagermaskar kan du nu i denna stillbild definiera, p\u00e5 vilka st\u00e4llen den underliggande videon ska vara synlig. Sedan fungerar lager\u00f6verlagring med videofiler i Photoshop p\u00e5 samma s\u00e4tt som med bildlager. S\u00e5lunda ses bilden alltid prim\u00e4rt och videon bara p\u00e5 utvalda st\u00e4llen nedanf\u00f6r.<\/p>\n<figure id=\"attachment_14794\" aria-describedby=\"caption-attachment-14794\" style=\"width: 696px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/PS-Tutorial.jpg\" rel=\"attachment wp-att-14794\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-14794 size-large\" src=\"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/PS-Tutorial.jpg\" alt=\"En man i svart skjorta och keps presenterar sig framf\u00f6r en sk\u00e4rm som visar Adobe Photoshop, med ett foto av en kvinna som st\u00e5r i h\u00f6gt gr\u00e4s vid stranden \u00f6ppet p\u00e5 datorn.\" width=\"696\" height=\"377\" \/><\/a><figcaption id=\"caption-attachment-14794\" class=\"wp-caption-text\">Sk\u00e4rmdump ur Tutorial av DomQuichotte, k\u00e4lla: blogs.adobe.com<\/figcaption><\/figure>\n<p>F\u00f6rdelen med bearbetning i Photoshop: Om du konverterar den valda stillbilden till ett smart objekt, har du fortfarande kvar alla alternativ f\u00f6r bildredigering h\u00e4r. Oavsett om det \u00e4r fr\u00e5gan om RAW-filter eller andra program &#8211; du kan redigera din r\u00f6rliga bild enligt samma m\u00f6nster som du skulle redigera dina andra produkt- eller shootingbilder.<\/p>\n<div class=\"custom-background-grey\">\n<p>Intressant: I Photoshop kan du dock inte enbart g\u00f6ra om videoklipp till en r\u00f6rlig bild. \u00c4ven ett rent foto kan redigeras med hj\u00e4lp av tidslinjen, s\u00e5 att det blir r\u00f6rligt senare. Denna metod \u00e4r dock lite mer oflexibel eftersom du f\u00f6rs\u00f6ker simulera r\u00f6relse genom att maskera och omvandla (till exempel zooma in). H\u00e4r fungerar \u2013 som ocks\u00e5 vid\u00a0<a href=\"#plotagraph\">Plotagraph<\/a> \u2013 igen ganska flytande motiv, s\u00e5som moln eller vatten.<\/p>\n<\/div>\n<p><strong>Facit:<\/strong>\u00a0Om du k\u00e4nner dig hemma i Photoshop eller \u00e4nnu b\u00e4ttre redan \u00e4r f\u00f6rtrogen med tidlisten i programmet, \u00e4r denna variant av redigering det enklaste f\u00f6r dig. F\u00f6rutom att skapa den r\u00f6rliga bilden, kan du till\u00e4mpa all n\u00f6dv\u00e4ndig retuschering och filterbehandling till bilden som beskrivs. S\u00e5 du beh\u00f6ver inte k\u00f6pa n\u00e5got nytt program och du f\u00f6rblir flexibel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vi \u00e4r dedikerade till en bildtrend som vi tror snart kommer att blomstra igen: r\u00f6rliga bilder, \u00e4ven kallade cinemagraphs.<\/p>\n","protected":false},"author":24,"featured_media":15514,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,5],"tags":[],"class_list":["post-14689","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marknadsfoering-och-insikter","category-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Skapa r\u00f6rliga bilder och g\u00f6ra lyckad reklam med dem: Cinemagraphs<\/title>\n<meta name=\"description\" content=\"R\u00f6rliga bilder s\u00e5som Cinemagraphs \u00e4r en bildtrend som snart kan blomma upp igen. Du m\u00e5ste ta h\u00e4nsyn till detta, n\u00e4r du skapar och anv\u00e4nder det f\u00f6r marknadsf\u00f6ring.\" \/>\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.se\/blogg\/cinemagraphs\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Skapa r\u00f6rliga bilder och annonsera framg\u00e5ngsrikt med cinemagraphs\" \/>\n<meta property=\"og:description\" content=\"R\u00f6rliga bilder s\u00e5som Cinemagraphs \u00e4r en bildtrend som snart kan blomma upp igen. Du m\u00e5ste ta h\u00e4nsyn till detta, n\u00e4r du skapar och anv\u00e4nder det f\u00f6r marknadsf\u00f6ring.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/\" \/>\n<meta property=\"og:site_name\" content=\"onlineprinters.se Blogg\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-29T06:36:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-28T12:26:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/cinemagraphs.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=\"Skapa r\u00f6rliga bilder och annonsera framg\u00e5ngsrikt med cinemagraphs\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ramona\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/cinemagraphs\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/cinemagraphs\\\/\"},\"author\":{\"name\":\"Ramona\",\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/#\\\/schema\\\/person\\\/d79ba2db96e33e04ed71525f52bb1eb9\"},\"headline\":\"Skapa r\u00f6rliga bilder och annonsera framg\u00e5ngsrikt med cinemagraphs\",\"datePublished\":\"2019-05-29T06:36:55+00:00\",\"dateModified\":\"2025-04-28T12:26:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/cinemagraphs\\\/\"},\"wordCount\":2805,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/cinemagraphs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/cinemagraphs.jpg\",\"articleSection\":[\"Marknadsfoering &amp; Insikter\",\"Tutorials\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/cinemagraphs\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/cinemagraphs\\\/\",\"url\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/cinemagraphs\\\/\",\"name\":\"Skapa r\u00f6rliga bilder och g\u00f6ra lyckad reklam med dem: Cinemagraphs\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/cinemagraphs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/cinemagraphs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/cinemagraphs.jpg\",\"datePublished\":\"2019-05-29T06:36:55+00:00\",\"dateModified\":\"2025-04-28T12:26:28+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/#\\\/schema\\\/person\\\/d79ba2db96e33e04ed71525f52bb1eb9\"},\"description\":\"R\u00f6rliga bilder s\u00e5som Cinemagraphs \u00e4r en bildtrend som snart kan blomma upp igen. Du m\u00e5ste ta h\u00e4nsyn till detta, n\u00e4r du skapar och anv\u00e4nder det f\u00f6r marknadsf\u00f6ring.\",\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/cinemagraphs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/cinemagraphs\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/cinemagraphs.jpg\",\"contentUrl\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/cinemagraphs.jpg\",\"width\":1068,\"height\":580},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/#website\",\"url\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/\",\"name\":\"onlineprinters.se Blogg\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/#\\\/schema\\\/person\\\/d79ba2db96e33e04ed71525f52bb1eb9\",\"name\":\"Ramona\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"url\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"contentUrl\":\"https:\\\/\\\/www.onlineprinters.se\\\/blogg\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.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.se\\\/blogg\\\/author\\\/ramona\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Skapa r\u00f6rliga bilder och g\u00f6ra lyckad reklam med dem: Cinemagraphs","description":"R\u00f6rliga bilder s\u00e5som Cinemagraphs \u00e4r en bildtrend som snart kan blomma upp igen. Du m\u00e5ste ta h\u00e4nsyn till detta, n\u00e4r du skapar och anv\u00e4nder det f\u00f6r marknadsf\u00f6ring.","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.se\/blogg\/cinemagraphs\/","og_locale":"sv_SE","og_type":"article","og_title":"Skapa r\u00f6rliga bilder och annonsera framg\u00e5ngsrikt med cinemagraphs","og_description":"R\u00f6rliga bilder s\u00e5som Cinemagraphs \u00e4r en bildtrend som snart kan blomma upp igen. Du m\u00e5ste ta h\u00e4nsyn till detta, n\u00e4r du skapar och anv\u00e4nder det f\u00f6r marknadsf\u00f6ring.","og_url":"https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/","og_site_name":"onlineprinters.se Blogg","article_published_time":"2019-05-29T06:36:55+00:00","article_modified_time":"2025-04-28T12:26:28+00:00","og_image":[{"width":1068,"height":580,"url":"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/cinemagraphs.jpg","type":"image\/jpeg"}],"author":"Ramona","twitter_card":"summary_large_image","twitter_title":"Skapa r\u00f6rliga bilder och annonsera framg\u00e5ngsrikt med cinemagraphs","twitter_misc":{"Skriven av":"Ramona","Ber\u00e4knad l\u00e4stid":"15 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/#article","isPartOf":{"@id":"https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/"},"author":{"name":"Ramona","@id":"https:\/\/www.onlineprinters.se\/blogg\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9"},"headline":"Skapa r\u00f6rliga bilder och annonsera framg\u00e5ngsrikt med cinemagraphs","datePublished":"2019-05-29T06:36:55+00:00","dateModified":"2025-04-28T12:26:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/"},"wordCount":2805,"commentCount":0,"image":{"@id":"https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/cinemagraphs.jpg","articleSection":["Marknadsfoering &amp; Insikter","Tutorials"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/","url":"https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/","name":"Skapa r\u00f6rliga bilder och g\u00f6ra lyckad reklam med dem: Cinemagraphs","isPartOf":{"@id":"https:\/\/www.onlineprinters.se\/blogg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/#primaryimage"},"image":{"@id":"https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/cinemagraphs.jpg","datePublished":"2019-05-29T06:36:55+00:00","dateModified":"2025-04-28T12:26:28+00:00","author":{"@id":"https:\/\/www.onlineprinters.se\/blogg\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9"},"description":"R\u00f6rliga bilder s\u00e5som Cinemagraphs \u00e4r en bildtrend som snart kan blomma upp igen. Du m\u00e5ste ta h\u00e4nsyn till detta, n\u00e4r du skapar och anv\u00e4nder det f\u00f6r marknadsf\u00f6ring.","inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/www.onlineprinters.se\/blogg\/cinemagraphs\/#primaryimage","url":"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/cinemagraphs.jpg","contentUrl":"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/uploads\/2019\/05\/cinemagraphs.jpg","width":1068,"height":580},{"@type":"WebSite","@id":"https:\/\/www.onlineprinters.se\/blogg\/#website","url":"https:\/\/www.onlineprinters.se\/blogg\/","name":"onlineprinters.se Blogg","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.onlineprinters.se\/blogg\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Person","@id":"https:\/\/www.onlineprinters.se\/blogg\/#\/schema\/person\/d79ba2db96e33e04ed71525f52bb1eb9","name":"Ramona","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","url":"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","contentUrl":"https:\/\/www.onlineprinters.se\/blogg\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.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.se\/blogg\/author\/ramona\/"}]}},"_links":{"self":[{"href":"https:\/\/www.onlineprinters.se\/blogg\/wp-json\/wp\/v2\/posts\/14689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.onlineprinters.se\/blogg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onlineprinters.se\/blogg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.se\/blogg\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.se\/blogg\/wp-json\/wp\/v2\/comments?post=14689"}],"version-history":[{"count":7,"href":"https:\/\/www.onlineprinters.se\/blogg\/wp-json\/wp\/v2\/posts\/14689\/revisions"}],"predecessor-version":[{"id":40448,"href":"https:\/\/www.onlineprinters.se\/blogg\/wp-json\/wp\/v2\/posts\/14689\/revisions\/40448"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.se\/blogg\/wp-json\/wp\/v2\/media\/15514"}],"wp:attachment":[{"href":"https:\/\/www.onlineprinters.se\/blogg\/wp-json\/wp\/v2\/media?parent=14689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlineprinters.se\/blogg\/wp-json\/wp\/v2\/categories?post=14689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlineprinters.se\/blogg\/wp-json\/wp\/v2\/tags?post=14689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}