[{"data":1,"prerenderedAt":797},["ShallowReactive",2],{"post-\u002Fblog\u002Frebuild-adobe-animate-banners-in-foldwrap":3,"blog_more-\u002Fblog\u002Frebuild-adobe-animate-banners-in-foldwrap":749},{"id":4,"title":5,"author_link":6,"author_name":7,"body":8,"cover":724,"date":731,"description":732,"extension":733,"h1":734,"hidden":735,"image":736,"meta":741,"navigation":743,"path":744,"seo":745,"sitemap":746,"stem":747,"__hash__":748},"blog\u002Fblog\u002Frebuild-adobe-animate-banners-in-foldwrap.md","Rebuilding an Adobe Animate HTML5 Banner Set in Foldwrap","https:\u002F\u002Fress.ws","Alex",{"type":9,"value":10,"toc":706},"minimark",[11,15,23,28,135,138,142,145,176,179,183,186,207,210,214,217,225,268,279,290,294,297,306,315,318,349,353,356,452,458,461,468,473,481,510,518,521,525,532,542,545,570,578,582,585,608,611,615,618,641,650,654,662,665,685,692,696,700],[12,13,14],"p",{},"Most \"switch from Animate\" articles compare feature lists. This one takes one real campaign creative and builds it twice: first by hand in Adobe Animate, then in Foldwrap from the same design. It then puts both exports side by side and measures them byte by byte.",[12,16,17,18,22],{},"You can download both ZIPs and the original ",[19,20,21],"code",{},".fla"," below. Every number on this page comes from those files.",[24,25,27],"h2",{"id":26},"the-short-version","The short version",[29,30,31,46],"table",{},[32,33,34],"thead",{},[35,36,37,40,43],"tr",{},[38,39],"th",{},[38,41,42],{},"Adobe Animate",[38,44,45],{},"Foldwrap",[47,48,49,68,82,96,107,120],"tbody",{},[35,50,51,55,62],{},[52,53,54],"td",{},"Elapsed production time",[52,56,57,61],{},[58,59,60],"strong",{},"1.5 hours for the 970×250 alone",": assets imported by hand, every tween authored by hand",[52,63,64,67],{},[58,65,66],{},"3 minutes for the whole size set",", 970×250 included: Figma frames imported by the plugin, automatic animation draft, keyframes and timing adjusted by hand, Motion Copy to the other sizes",[35,69,70,73,76],{},[52,71,72],{},"ZIP package",[52,74,75],{},"415 KB (415,414 bytes)",[52,77,78,81],{},[58,79,80],{},"36 KB"," (35,780 bytes)",[35,83,84,87,90],{},[52,85,86],{},"Unpacked files",[52,88,89],{},"482.9 KB, 3 files",[52,91,92,95],{},[58,93,94],{},"53.3 KB",", 3 files",[35,97,98,101,104],{},[52,99,100],{},"Runtime loaded from a CDN",[52,102,103],{},"CreateJS 1.0.0 (242.06 KB)",[52,105,106],{},"GSAP (71.37 KB) + Google Fonts (54.05 KB)",[35,108,109,112,115],{},[52,110,111],{},"Total network download, estimated",[52,113,114],{},"≈ 725 KB",[52,116,117],{},[58,118,119],{},"≈ 179 KB",[35,121,122,125,132],{},[52,123,124],{},"What the banner is made of",[52,126,127,128,131],{},"One ",[19,129,130],{},"\u003Ccanvas>",", text drawn as vector shapes",[52,133,134],{},"Native HTML elements, CSS and live text",[12,136,137],{},"KB = 1,000 bytes. The network totals add every resource each banner requests. Browsers may cache the shared libraries across creatives, and transfer sizes vary with server compression.",[24,139,141],{"id":140},"the-campaign","The campaign",[12,143,144],{},"The test creative is a 10-second offer banner for Sixty South, a fictional Antarctic expedition-cruise brand we built for this test. It isn't client work, but it is shaped like client work. It has a photographic background, three typefaces, a brand mark, a CTA, legal copy, and a message sequence that changes the offer mid-play:",[146,147,148,156,163,170],"ol",{},[149,150,151,152],"li",{},"Eyebrow, logo, and headline: ",[153,154,155],"em",{},"The last quiet places",[149,157,158,159,162],{},"Supporting line: ",[153,160,161],{},"11 nights from Ushuaia. Small ship, 76 guests",", then the CTA",[149,164,165,166,169],{},"Price: ",[153,167,168],{},"From $8,450",", with the legal line",[149,171,172,173],{},"Offer: ",[153,174,175],{},"Book by 30 November, $500 off",[12,177,178],{},"The iceberg drifts slowly across the full 10 seconds, and the banner plays once. That is a typical travel or retail brief: nothing exotic, and exactly the kind of work that fills an Animate producer's week.",[24,180,182],{"id":181},"build-1-adobe-animate-15-hours","Build 1: Adobe Animate, 1.5 hours",[12,184,185],{},"The Animate version was built the way most banner producers still work in it:",[187,188,189,195,201],"ul",{},[149,190,191,194],{},[58,192,193],{},"Artwork imported by hand."," The background photo, logo, CTA, and copy were brought onto the stage and arranged to match the design.",[149,196,197,200],{},[58,198,199],{},"Every motion authored by hand."," Each entrance, hold, the offer swap, and the background drift were keyed on the timeline.",[149,202,203,206],{},[58,204,205],{},"Published as an HTML5 Canvas document",", using Adobe Animate 24.0 build 5 at 60 fps, with the JavaScript\u002FHTML format, spritesheet image export, and hosted libraries.",[12,208,209],{},"None of that is a criticism of the tool. Animate's timeline is a mature authoring environment, and 1.5 hours for a polished 970×250 with a four-beat sequence is a reasonable professional pace. The time goes into work that isn't creative: rebuilding a layout that already exists in the approved design, then keying the same kinds of fade over and over.",[24,211,213],{"id":212},"build-2-foldwrap-3-minutes","Build 2: Foldwrap, 3 minutes",[12,215,216],{},"The same campaign, starting from the approved design in Figma, with every size of the set laid out there:",[218,219],"youtube-video",{"description":220,"duration":221,"id":222,"title":223,"upload-date":224},"The Sixty South banner set built in Foldwrap from its approved Figma design: plugin import, automatic animation draft, keyframes and easing, timeline timing, Motion Copy across sizes, and HTML5 export.","PT3M13S","XIPgPhJgV4I","Figma to Animated HTML5 Banners in 3 Minutes","2026-09-30",[146,226,227,239,245,251,262],{},[149,228,229,232,233,238],{},[58,230,231],{},"Import."," The ",[234,235,237],"a",{"href":236},"\u002Ffigma_plugin","Foldwrap Figma plugin"," sent the campaign's frames into one creative, one variant per size. Text stayed live and editable, the logo stayed a vector, and the photos came in as image layers.",[149,240,241,244],{},[58,242,243],{},"Automatic animation draft."," Each size opened already animated, with entrance order, fades, and timing for every layer.",[149,246,247,250],{},[58,248,249],{},"Master motion, by hand."," The draft was a start, not the result. On the 970×250, the iceberg's default fade became two keyframes: a slow slide in from the side, with Sine Out easing so it settles smoothly. The text was spaced out on the timeline so each message shows on its own, long enough to read, and playback was set to play once.",[149,252,253,256,257,261],{},[58,254,255],{},"Motion Copy to the other sizes."," ",[234,258,260],{"href":259},"\u002Ffeatures\u002Fcopy-animation-across-sizes","Copying animation across sizes"," matched every element automatically, except the photo in the square and in the last format. Those sizes use a different crop of the image, so each got its own two keyframes.",[149,263,264,267],{},[58,265,266],{},"Export"," all sizes as HTML5, previewed side by side, and downloaded with the general-usage preset.",[269,270,276],"blog-figure",{"alt":271,"height":272,"size":273,"src":274,"width":275},"The Sixty South 970 by 250 banner in the Foldwrap editor, with the size variants listed on the left and the layer timeline below showing staggered text entrances and a background drift keyframe",1250,"wide","\u002Fgfx\u002Fblog\u002Frebuild-adobe-animate-banners-in-foldwrap\u002Feditor-timeline.webp",2000,[12,277,278],{},"The rebuilt master in the Foldwrap editor. Each layer has its own timed bar in the timeline; the background drift is a keyframed move. The variants list on the left holds the rest of the set.",[12,280,281,282,284,285,289],{},"The 3 minutes covers the whole set, not just the 970×250: import, motion for every size, and export. The Animate figure is 1.5 hours for the 970×250 alone. Both builds assume the design is already approved; the Foldwrap build also had every size laid out in Figma. If your artwork only exists inside ",[19,283,21],{}," files, add the time to get it back into a design tool first (see ",[234,286,288],{"href":287},"#what-didnt-transfer","what didn't transfer",").",[24,291,293],{"id":292},"same-banner-two-exports","Same banner, two exports",[12,295,296],{},"Played side by side, the two banners tell the same story with the same beats.",[298,299],"blog-banner-embed",{"download":300,"height":301,"label":45,"meta":302,"size":273,"src":303,"title":304,"width":305},"\u002Fgfx\u002Falternatives-to\u002Fanimate\u002F970x250_foldwrap_example.zip",250,"970×250 · 36 KB ZIP","\u002Fgfx\u002Falternatives-to\u002Fanimate\u002F970x250_foldwrap_example\u002Findex.html","Sixty South 970 by 250 animated banner exported from Foldwrap",970,[298,307,312],{"download":308,"height":301,"label":42,"meta":309,"size":273,"src":310,"title":311,"width":305},"\u002Fgfx\u002Falternatives-to\u002Fanimate\u002F970x250_adobe_animate.zip","970×250 · 415 KB ZIP","\u002Fgfx\u002Falternatives-to\u002Fanimate\u002F970x250_adobe_animate\u002Findex.html","Sixty South 970 by 250 animated banner exported from Adobe Animate",[12,313,314],{},"Both banners are the unchanged exports, playing live.",[12,316,317],{},"The differences are small but real:",[187,319,320,326,343],{},[149,321,322,325],{},[58,323,324],{},"Text sharpness."," In this Animate export, the text isn't text: every line is drawn as vector shapes that CreateJS paints onto the canvas. With our publish settings (responsive scaling off), the 970×250 canvas rendered at 1× and looked softer on a high-density screen. Foldwrap's text is native HTML text, so the browser renders it sharp at any pixel density, and it stays selectable and readable by assistive technology.",[149,327,328,331,332,335,336,338,339,342],{},[58,329,330],{},"Editability after export."," Changing the price in the Animate package means editing drawing commands in an 82 KB ",[19,333,334],{},"index.js",", or going back to the ",[19,337,21],{}," and republishing. In the Foldwrap package, the price is a line of text in ",[19,340,341],{},"index.html",".",[149,344,345,348],{},[58,346,347],{},"Motion."," Both builds use the same beats. Easing curves differ slightly, and the Animate drift covers a little more distance. Neither is \"more correct\"; they are two hands on the same brief.",[24,350,352],{"id":351},"where-the-415-kb-went","Where the 415 KB went",[12,354,355],{},"The two packages hold the same number of files, but they are very different sizes:",[29,357,358,370],{},[32,359,360],{},[35,361,362,365,368],{},[38,363,364],{},"File",[38,366,42],{"align":367},"right",[38,369,45],{"align":367},[47,371,372,384,399,419,435],{},[35,373,374,378,381],{},[52,375,376],{},[19,377,341],{},[52,379,380],{"align":367},"3,048 bytes",[52,382,383],{"align":367},"18,905 bytes",[35,385,386,389,394],{},[52,387,388],{},"Animation code",[52,390,391,393],{"align":367},[19,392,334],{},": 81,800 bytes",[52,395,396,397],{"align":367},"inline in ",[19,398,341],{},[35,400,401,404,413],{},[52,402,403],{},"Background image",[52,405,406,409,410],{"align":367},[19,407,408],{},"index_atlas_P_1.png",": ",[58,411,412],{},"398,052 bytes",[52,414,415,418],{"align":367},[19,416,417],{},"BG-wide-B.jpg",": 28,394 bytes",[35,420,421,424,429],{},[52,422,423],{},"Logo",[52,425,426,427],{"align":367},"drawn as vector shapes in ",[19,428,334],{},[52,430,431,434],{"align":367},[19,432,433],{},"8_120.svg",": 5,952 bytes",[35,436,437,442,447],{},[52,438,439],{},[58,440,441],{},"Unpacked total",[52,443,444],{"align":367},[58,445,446],{},"482,900 bytes",[52,448,449],{"align":367},[58,450,451],{},"53,251 bytes",[12,453,454,457],{},[58,455,456],{},"82% of the Animate package is one sprite sheet."," Animate's spritesheet export packed the background photo into a 4096×512 PNG. The photo occupies a 2500×500 region of it, and the rest is empty padding. A lossless PNG is the wrong container for a sunset photograph, and the power-of-two sheet adds about 40% blank area on top.",[12,459,460],{},"Foldwrap exported the photo as a JPEG at the banner's own 970×250 size, at 7% of the bytes. That isn't a pure format win: Animate kept a larger 2500×500 bitmap, which holds more detail for high-density screens. Part of the gap is resolution; most of it is PNG versus JPEG plus the padding.",[12,462,463,464,467],{},"You can shrink Animate's number with work: export the bitmap separately, pre-compress it, and tune the publish settings. We published with typical settings on purpose, because that's what a producer under deadline ships. The CreateJS runtime is the part you can't tune away: it is ",[58,465,466],{},"242 KB"," on top of any creative, before your artwork loads.",[469,470,472],"h3",{"id":471},"does-the-weight-matter","Does the weight matter?",[12,474,475,476,480],{},"It depends on where the banner runs. Checked against published specs in our ",[234,477,479],{"href":478},"\u002Fad-platform-specs","ad platform spec catalogue",":",[187,482,483,492,501],{},[149,484,485,491],{},[58,486,487,480],{},[234,488,490],{"href":489},"\u002Fad-platform-specs\u002Fgoogle","Google Ads"," 600 KB ZIP, 40 files. Both packages fit.",[149,493,494,500],{},[58,495,496,480],{},[234,497,499],{"href":498},"\u002Fad-platform-specs\u002Fsimplifi","Simpli.fi"," 250 KB ZIP. The Animate package is over the limit as published; the Foldwrap package fits.",[149,502,503,509],{},[58,504,505,480],{},[234,506,508],{"href":507},"\u002Fad-platform-specs\u002Fadroll","AdRoll"," 150 KB ZIP. Same result.",[12,511,512,513,517],{},"Fitting a published limit doesn't guarantee acceptance: platforms also check click tracking, external requests, and account eligibility. Run your own ZIP through the ",[234,514,516],{"href":515},"\u002Fhtml5-banner-validator","free HTML5 banner validator"," before delivery either way.",[12,519,520],{},"And of course, a smaller file size means faster load times, reducing the chance that the ad gets stuck loading and is skipped. Foldwrap always optimizes files whenever it can do so without compromising quality.",[24,522,524],{"id":523},"from-one-banner-to-the-set","From one banner to the set",[12,526,527,528,531],{},"A migration only pays off when the whole delivery list gets cheaper, not just the first size. The same creative in Foldwrap holds the rest of the set as variants: ",[58,529,530],{},"970×250, 300×250 and 300×600",", each with its own layout and its own copy of the timing.",[269,533,539],{"alt":534,"height":535,"size":273,"src":536,"width":537,"bg":538},"The Sixty South campaign in three sizes: a 970 by 250 billboard above 300 by 250 and 300 by 600 variants, each with its own layout",1451,"\u002Fgfx\u002Fblog\u002Frebuild-adobe-animate-banners-in-foldwrap\u002Fsixty-south-size-set.webp",1600,"tint",[12,540,541],{},"The three-size Sixty South set, final frames captured from the Foldwrap editor.",[12,543,544],{},"A few honest notes on this part:",[187,546,547,558,564],{},[149,548,549,552,553,557],{},[58,550,551],{},"The layouts came from Figma."," Each size was designed there and imported with the rest: the 300×600 gives the iceberg the lower half, and the 300×250 tightens everything. If you only have one approved size, ",[234,554,556],{"href":555},"\u002Ffeatures\u002Fresize-banners-with-ai","AI resize"," gives you a first layout for the others, but you still review and adjust it, and that time isn't in this test.",[149,559,560,563],{},[58,561,562],{},"Motion carries across, with checks."," Motion Copy maps the master's timing onto matching layers in each size while keeping that size's layout. Here it matched everything except the swapped photo, which needed its own keyframes. Movement distances need a look in every size.",[149,565,566,569],{},[58,567,568],{},"The set is inside the 3 minutes."," The Animate build exists in one size, so the like-for-like comparison is 1.5 hours for one banner against 3 minutes for the set that includes it. Rebuilding the other sizes in Animate would add to its side, but we haven't timed that, so we don't claim a number.",[12,571,572,573,577],{},"If you want to judge the set yourself, ",[234,574,576],{"href":575},"\u002Falternatives-to\u002Fadobe-animate#delivery","open the live example in the editor",". It's the same creative, and it needs no sign-up to explore.",[24,579,581],{"id":580},"what-didnt-transfer","What didn't transfer",[12,583,584],{},"This is the part most migration pages skip:",[187,586,587,596,602],{},[149,588,589,595],{},[58,590,591,592,594],{},"The ",[19,593,21],{}," file."," Foldwrap does not import Animate projects. Nothing converts timelines, symbols, or ActionScript\u002FJavaScript frame scripts. The rebuild starts from the design source (Figma here), not from the Animate file.",[149,597,598,601],{},[58,599,600],{},"The motion itself."," The Foldwrap timing came from the automatic draft plus manual adjustment. Easing and drift distance ended up slightly different from the Animate build (see above).",[149,603,604,607],{},[58,605,606],{},"Character and frame-by-frame animation."," Not relevant for this campaign, and not something Foldwrap tries to replace.",[12,609,610],{},"What did carry over cleanly: the approved design, the fonts, the copy, the message sequence, and the brief.",[24,612,614],{"id":613},"download-the-files","Download the files",[12,616,617],{},"Inspect everything yourself. Both packages are unchanged from export:",[187,619,620,625,631],{},[149,621,622,81],{},[234,623,624],{"href":300},"Foldwrap HTML5 ZIP, 970×250",[149,626,627,630],{},[234,628,629],{"href":308},"Adobe Animate HTML5 ZIP, 970×250"," (415,414 bytes)",[149,632,633,640],{},[234,634,636,637,639],{"href":635},"\u002Fgfx\u002Falternatives-to\u002Fanimate\u002F970x250_adobe_animate.fla","Adobe Animate ",[19,638,21],{}," source"," (5.6 MB)",[12,642,643,644,646,647,342],{},"Unzip them, open ",[19,645,341],{}," in a browser, and open the network panel. Run them through your usual QA, or drop them into the ",[234,648,649],{"href":515},"HTML5 banner validator",[24,651,653],{"id":652},"should-you-rebuild-your-library","Should you rebuild your library?",[12,655,656,657,661],{},"Probably not all of it, and not all at once. Adobe has ",[234,658,660],{"href":659},"\u002Fblog\u002Fadobe-animate-end-of-life","no published end-of-life date for Animate"," yet, so there's no hard deadline to rebuild against. What this test shows is where the time goes. Most of the 1.5 hours was rebuilding layout and keying fades, and that work repeats for every size and every revision.",[12,663,664],{},"A practical path:",[146,666,667,673,679],{},[149,668,669,672],{},[58,670,671],{},"Keep the archive in Animate."," Old campaigns you won't rerun don't need migrating.",[149,674,675,678],{},[58,676,677],{},"Rebuild the next live campaign, not the last one."," Start from the approved design, as in this test, and time it.",[149,680,681,684],{},[58,682,683],{},"Judge on the set, not the first size."," Compare the full delivery list and the first client revision, then decide.",[12,686,687,688,342],{},"For the tool-level comparison, see ",[234,689,691],{"href":690},"\u002Falternatives-to\u002Fadobe-animate","Foldwrap as an Adobe Animate alternative",[24,693,695],{"id":694},"common-questions","Common questions",[697,698],"blog-faq",{":items":699},"[{\"q\":\"Can Foldwrap import my .fla files?\",\"a\":\"No. Foldwrap does not open .fla projects or convert Animate timelines, symbols, or scripts. Rebuild from the design source, such as a Figma file, source artwork, or an editable example.\"},{\"q\":\"Is the 3-minute figure realistic for my work?\",\"a\":\"It covers the whole size set, built from approved Figma frames with every size already laid out, including keyframes, timing adjustments, Motion Copy, and export. Campaigns with more layers, custom motion, or artwork that must first be recovered from .fla files will take longer. Time your own first rebuild.\"},{\"q\":\"Will the Foldwrap export pass my ad platform?\",\"a\":\"The package is checked against published specs through export presets and preflight, but that doesn't guarantee acceptance. Test the actual ZIP on your destination platform, including click tracking.\"}]",[701,702],"callout-general",{"secondary":703,"secondarylink":704,"text":705},"Get migration help","\u002Fcontact?theme=animate-migration","Bring one Animate banner set. We'll rebuild it with you, and you keep the files either way.",{"title":707,"searchDepth":708,"depth":708,"links":709},"",2,[710,711,712,713,714,715,719,720,721,722,723],{"id":26,"depth":708,"text":27},{"id":140,"depth":708,"text":141},{"id":181,"depth":708,"text":182},{"id":212,"depth":708,"text":213},{"id":292,"depth":708,"text":293},{"id":351,"depth":708,"text":352,"children":716},[717],{"id":471,"depth":718,"text":472},3,{"id":523,"depth":708,"text":524},{"id":580,"depth":708,"text":581},{"id":613,"depth":708,"text":614},{"id":652,"depth":708,"text":653},{"id":694,"depth":708,"text":695},{"fill":725,"ink":726,"src":727,"alt":728,"width":729,"height":730},"#ADD8C7","#050505","\u002Fgfx\u002Fblog\u002Frebuild-adobe-animate-banners-in-foldwrap\u002Fcover_cutout.webp","Marketer reviewing animated display ad performance",900,850,{"published":224},"One campaign built twice: 1.5 hours for one size by hand in Adobe Animate, 3 minutes for the whole size set in Foldwrap from the same design. Screenshots, byte-level package measurements, what did not transfer, and both ZIPs to download.","md","Rebuilding an Adobe Animate HTML5 Banner Set in Foldwrap: One Campaign, Timed and Measured",false,{"src":737,"alt":738,"width":739,"height":740},"\u002Fgfx\u002Fblog\u002Frebuild-adobe-animate-banners-in-foldwrap\u002Fcover_1920x1080.jpg","The same 970 by 250 Antarctica cruise banner exported from Adobe Animate (top) and Foldwrap (bottom)",1920,1080,{"layout":742},"blog",true,"\u002Fblog\u002Frebuild-adobe-animate-banners-in-foldwrap",{"title":5,"description":732},{"loc":744},"blog\u002Frebuild-adobe-animate-banners-in-foldwrap","pUcTfCNmE3iBBL-9_OTaA1Vld3GqM_x4Y02PlWJqFKc",[750,767,783],{"date":751,"path":754,"title":755,"description":756,"image":757,"cover":760},{"published":752,"modified":753},"2024-06-30","2026-09-29","\u002Fblog\u002Fhow-to-use-figma-plugin","Figma to Animated HTML5 Banners: Foldwrap Figma Plugin Tutorial","Video tutorial: turn Figma frames into animated HTML5 banner ads with the Foldwrap plugin. Import every size at once, refine timing, export, and share a review link.",{"src":758,"alt":759,"width":739,"height":740},"\u002Fgfx\u002Fblog\u002Fhow-to-use-figma-plugin\u002Fcover_1920x1080.jpg","Figma to animated HTML5 banners tutorial cover with a 300x600 and a 970x250 travel banner",{"fill":761,"ink":762,"src":763,"alt":764,"width":765,"height":766},"#8e4ffc","#ffffff","\u002Fgfx\u002Fblog\u002Fhow-to-use-figma-plugin\u002Fcover_cutout.webp","Figma to animated HTML5 banners tutorial",1280,791,{"date":768,"path":771,"title":772,"description":773,"image":774,"cover":777},{"published":769,"modified":770},"2023-12-24","2026-09-27","\u002Fblog\u002Ffirst-banner-ever","The First Banner Ad (1994): AT&T, HotWired, and Its Lessons","See the 1994 AT&T banner ad on HotWired, what happened after the click, why the reported 44% click rate needs context, and what ad teams can learn.",{"src":775,"alt":776,"width":739,"height":740},"\u002Fgfx\u002Fblog\u002Ffirst-banner-ever\u002Fcover_1920x1080.jpg","Recreation of the first internet banner ad on a retro CRT monitor",{"fill":778,"ink":779,"src":780,"alt":776,"width":781,"height":782},"#221b14","#f5c76b","\u002Fgfx\u002Fblog\u002Ffirst-banner-ever\u002Fcover_cutout.webp",996,1005,{"date":784,"path":786,"title":787,"description":788,"image":789,"cover":791},{"published":785,"modified":770},"2024-01-16","\u002Fblog\u002Fimpact-of-animated-digital-ads","Do Animated Digital Ads Work? Attention, Clicks, and Conversions","See when motion helps a display ad, what it cannot prove about CTR or conversions, and how to test and deliver animated campaigns.",{"src":790,"alt":728,"width":739,"height":740},"\u002Fgfx\u002Fblog\u002Fimpact-of-animated-digital-ads\u002Fcover_1920x1080.jpg",{"fill":792,"ink":793,"src":794,"alt":728,"width":795,"height":796},"#15123f","#fdad21","\u002Fgfx\u002Fblog\u002Fimpact-of-animated-digital-ads\u002Fcover_cutout.webp",1210,1060,1790786874525]