{"id":40043,"date":"2026-05-14T07:00:00","date_gmt":"2026-05-14T14:00:00","guid":{"rendered":"https:\/\/cloudinary.com\/blog\/?p=40043"},"modified":"2026-05-14T17:41:58","modified_gmt":"2026-05-15T00:41:58","slug":"animations-maker-app-gifs-spritesheets","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets","title":{"rendered":"Animations Maker App: Create GIFs and Spritesheets Inside Cloudinary\u2019s DAM"},"content":{"rendered":"\n<p>As part of exploring how Cloudinary can streamline creative workflows, I built a proof-of-concept DAM app to automate animation and spritesheet generation. The app allows you to take assets from your Media Library, apply transformations, set frame timings, reorder frames, and generate either GIF animations or spritesheets instantly. All without leaving Cloudinary.<\/p>\n\n\n\n<p>The process of creating animations and spritesheets involves juggling multiple tools, exporting frames from a design app, stitching them together in a separate program, and then uploading the results back to your DAM. I wanted to collapse that entire workflow into one seamless experience inside Cloudinary\u2019s DAM.<\/p>\n\n\n<cld-video-player\n      cloud-name='cloudinary-marketing'\n      public-id='blog-Animations_Maker'\n      js-config='{\"playbackRates\":[0.5,1,1.5,2]}'\n      style='max-width: ;'\n      class='c-video-player'\n      \n      core-version='2.12.3'\n      player-version='1.7.0'\n      >\n      <video\n        id='_video-player6a0b009d758b4'\n        data-cld-big-play-button='init'\n        data-cld-source-types='[\"hls\",\"webm\\\/vp9\",\"mp4\\\/h265\",\"mp4\"]'\n        controls\n        muted\n        class='cld-video-player cld-fluid wp-block-cloudinary-video-player  cld-video-player-skin-dark'\n      ><\/video>\n    <\/cld-video-player>\n\n\n<h2 class=\"wp-block-heading\">The Cloudinary Animation Maker App<\/h2>\n\n\n\n<p>I developed the application as a custom DAM app. After installing it from the <strong>Custom Actions<\/strong> menu, the <strong>Animations Maker<\/strong> option will be added to the DAM.<\/p>\n\n\n<div class='c-callout  c-callout--inline-title c-callout--note'><strong class='c-callout__title'>Note:<\/strong> <p>This action needs to be enabled by the Cloudinary Support team.<\/p>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1778697197\/blog-Animations_Maker-1.png\" alt=\"Custom ACtions menu showing Animation Maker as the last option in the dropdown menu\"\/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">Why Build a GIF Generator in Cloudinary DAM?<\/h2>\n\n\n\n<p>The Animations Maker app streamlines a multi-step creative process \u2014 selecting, transforming, timing, and exporting images \u2014 into a single Cloudinary workflow. That saves time, reduces context switching, and keeps users working inside the DAM rather than exporting assets to third-party tools.<\/p>\n\n\n\n<p>The app enables designers, animators, and small studios to work directly within a familiar DAM environment, turning asset management into a lightweight animation and compositing workspace. This helps teams move from assets to finished visuals faster, reduce tool switching, and collaborate more efficiently \u2014 supporting quicker creative turnaround and a more streamlined media workflow.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cloudinary Animation Maker Features<\/h2>\n\n\n\n<p>The app receives a series of images as input from the Cloudinary DAM and allows the user to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visualize one or more animations, and every single frame as a thumbnail.<\/li>\n\n\n\n<li>Establish the number of frames per animation.<\/li>\n\n\n\n<li>Set the exact time each frame is displayed within the animation.<\/li>\n\n\n\n<li>Apply Cloudinary transformations on a per-frame basis that the user can preview within the thumbnail.<\/li>\n\n\n\n<li>Drag frames to reorder them.<\/li>\n<\/ul>\n\n\n\n<p>Output:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The user can generate a <strong>GIF animation<\/strong> and <strong>spritesheet<\/strong>.<\/li>\n\n\n\n<li>For each animation and spreadsheet:\n<ul class=\"wp-block-list\">\n<li>A preview is displayed.<\/li>\n\n\n\n<li>A Cloudinary URL is provided.<\/li>\n\n\n\n<li>The user can upload them back to the DAM.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class='c-callout  c-callout--inline-title c-callout--note'><strong class='c-callout__title'>Note:<\/strong> <p>A spritesheet is a single image file that contains multiple smaller graphics, or sprites, arranged in a grid or sequence. Each sprite represents a frame of an animation or a visual state of a 2D object. For example, different poses of a character or stages of an explosion.<\/p>\n<p>In 2D game development, spritesheets are used to optimize performance. Instead of loading dozens of separate image files, the game engine loads one spritesheet and then draws only the relevant portions of it at runtime.<\/p>\n<\/div>\n\n\n<p>Below is an example of a spritesheet:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1778697197\/blog-Animations_Maker-2.jpg\" alt=\"Spritesheet of 8 figures in various sequential running poses\"\/><figcaption class=\"wp-element-caption\">Spritesheet<\/figcaption><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1778697197\/blog-Animations_Maker-3.jpg\" alt=\"First frame of the spritesheet with the first figure selected\"\/><figcaption class=\"wp-element-caption\">First frame<\/figcaption><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1778697197\/blog-Animations_Maker-4.jpg\" alt=\"Second frame of the spritesheet with the second figure selected\"\/><figcaption class=\"wp-element-caption\">Second frame<\/figcaption><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">How the Cloudinary DAM Custom App Works<\/h2>\n\n\n\n<p>The Cloudinary Animation Maker app is a standalone, embedded static web app. It runs entirely in the browser with vanilla JavaScript and HTML, leveraging the Cloudinary SDK for asset management and transformation generation. Cloudinary\u2019s transformation API powers each frame\u2019s preview and export, while Cloudinary\u2019s video overlay and canvas composition capabilities powers the creation of animations and spritesheets.<\/p>\n\n\n\n<p>The app reads user selections directly from the DAM context, applies per-frame transformations client-side, and then uploads generated GIFs or spritesheets back to Cloudinary through the Upload API. This lightweight setup requires no external backend, relying fully on Cloudinary\u2019s APIs and the browser runtime for performance and simplicity.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Improvements<\/h2>\n\n\n\n<p>This Animation Maker app helps customers quickly create and experiment with animations. As teams begin using it in their day-to-day digital media workflows, we\u2019d love to get your feedback and ideas for improvement. Your insights and real-world use cases will make the product evolve to better support your creative needs.<\/p>\n\n\n\n<p>Below are some potential enhancements:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Limit canvas size when creating spritesheets. <\/strong>Add validation to prevent generating too-large canvases that could exceed browser memory limits or cause crashes, ensuring smoother performance and stability.<\/li>\n\n\n\n<li><strong>Extend to authenticated and private resources from Cloudinary. <\/strong>Support assets that require signed URLs or token-based authentication so users can animate protected media without exposing credentials.<\/li>\n\n\n\n<li><strong>Add export presets. <\/strong>Offer ready-made templates for common use cases (e.g., 4&#215;4 game grid, 60 FPS loop) to speed up repetitive workflows.<\/li>\n\n\n\n<li><strong>Improve error handling and feedback. <\/strong>Show clear, user-friendly messages for upload or rendering failures, helping users diagnose transformation or permission issues quickly.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>The DAM Animations Maker app offers an easy and user-friendly way to create animations and spritesheets directly inside Cloudinary DAM.<\/p>\n\n\n\n<p>Here are some ideas on what to do to get started:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Download some free sprite images.<\/strong> There are plenty of free resources websites.<\/li>\n\n\n\n<li><strong>Create your own retro sprites.<\/strong> <a href=\"https:\/\/libresprite.github.io\/#!\/\">Libresprite<\/a> or even an <a href=\"https:\/\/www.piskelapp.com\/\">online editor<\/a> are some examples. Upload them to Cloudinary and create your spritesheets and animations.<\/li>\n\n\n\n<li><strong>Combine the animations with Cloudinary\u2019s AI and image editing tools.<\/strong> When used together, you can create clean, spectacular effects.&nbsp;&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>To stay updated with the latest product features, follow <a href=\"https:\/\/twitter.com\/cloudinary\">Cloudinary<\/a> on Twitter and explore other <a href=\"https:\/\/github.com\/cloudinary-community\">sample apps<\/a>.<\/p>\n\n\n\n<p>Building an app with Cloudinary and need inspiration? Visit your <a href=\"https:\/\/app-gallery.cloudinary.com\/\">App Gallery<\/a>, or <a href=\"https:\/\/cloudinary.com\/users\/register_free\">sign up<\/a> for a free account to get started building today.<\/p>\n\n\n\n<style>\n    .faqs {padding: 30px 60px; margin-top: 40px;background: var(--color-background-offset);border-radius: 20px;}\n    #frequently_asked_questions {margin-bottom: 20px;}\n    .question {margin-bottom: 20px;}\n<\/style>\n\n\n<div class=\"faqs\">\n\n<h2>Frequently Asked Questions<\/h2>\n<div class=\"question\">\n<p><b>What is the Cloudinary DAM Animation Maker?<\/b><\/p>\nThe Cloudinary DAM Animation Maker is a custom digital asset management (DAM) application that allows users to create GIF animations and spritesheets directly from assets stored in the Cloudinary Media Library. It streamlines animation workflows by combining asset selection, transformations, timing controls, and exports into a single experience inside Cloudinary.\n<\/div>\n\n<div class=\"question\">\n<p><b>How does the app work with Cloudinary DAM?<\/b><\/p>\nThe app integrates directly with Cloudinary DAM as a custom action. Users can select assets from the Cloudinary Media Library, open them in the Animation Maker, apply transformations, reorder frames, adjust timing, and export the final animation or spritesheet without leaving the DAM environment.\n<\/div>\n\n<div class=\"question\">\n<p><b>Which Cloudinary APIs power the Animation Maker?<\/b><\/p>\nThe app uses several Cloudinary technologies, including:\n&#8211; Cloudinary SDK for asset management and integration.\n&#8211; Cloudinary Transformation API for applying per-frame image transformations.\n&#8211; Cloudinary Upload API for uploading generated GIFs and spritesheets back into Cloudinary.\n&#8211; Cloudinary\u2019s media processing and overlay capabilities for rendering animations and spritesheets.\n<\/div>\n\n<div class=\"question\">\n<p><b>Can I apply Cloudinary transformations to individual frames?<\/b><\/p>\nYes. Each animation frame can have its own Cloudinary transformations applied independently. Users can preview transformations directly in the interface before generating the final output.\n<\/div>\n\n<div class=\"question\">\n<p><b>Does the app require a backend server?<\/b><\/p>\nNo. The application runs entirely in the browser as a lightweight static web app built with vanilla JavaScript and HTML. It relies on Cloudinary APIs for media processing and asset management, eliminating the need for a separate backend service.\n<\/div>\n\n<div class=\"question\">\n<p><b>Can the Animation Maker support private or authenticated assets?<\/b><\/p>\nAuthenticated and private asset support is planned as a future enhancement. This would allow users to work with protected Cloudinary resources using signed URLs or token-based authentication.\n<\/div>\n\n<div class=\"question\">\n<p><b>Is the Animation Maker production-ready?<\/b><\/p>\nThe current version is an MVP (Minimum Viable Product) designed to validate workflows and gather feedback. Future improvements may include export presets, enhanced error handling, authenticated asset support, and canvas size validation for large spritesheets.\n<\/div>\n\n<div class=\"question\">\n<p><b>Can developers build similar custom workflows in Cloudinary?<\/b><\/p>\nYes. Cloudinary supports extensible DAM workflows through custom applications, APIs, and integrations. Developers can use the Cloudinary\u2019s SDKs, Transformation API, and Upload API to build tailored media automation experiences directly within Cloudinary.\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>As part of exploring how Cloudinary can streamline creative workflows, I built a proof-of-concept DAM app to automate animation and spritesheet generation. The app allows you to take assets from your Media Library, apply transformations, set frame timings, reorder frames, and generate either GIF animations or spritesheets instantly. All without leaving Cloudinary. The process of [&hellip;]<\/p>\n","protected":false},"author":87,"featured_media":40047,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[420,165],"class_list":["post-40043","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-dam","tag-image-transformation"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Animations Maker for Cloudinary DAM | GIFs &amp; Spritesheets<\/title>\n<meta name=\"description\" content=\"Discover how Animations Maker streamlines GIF and spritesheet creation directly inside Cloudinary DAM using transformations, previews, and browser-based workflows.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animations Maker App: Create GIFs and Spritesheets Inside Cloudinary\u2019s DAM\" \/>\n<meta property=\"og:description\" content=\"Discover how Animations Maker streamlines GIF and spritesheet creation directly inside Cloudinary DAM using transformations, previews, and browser-based workflows.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-14T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-15T00:41:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1778805630\/Web_Assets\/blog\/Blog_Animations_Maker\/Blog_Animations_Maker.jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"melindapham\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets\"},\"author\":{\"name\":\"melindapham\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9\"},\"headline\":\"Animations Maker App: Create GIFs and Spritesheets Inside Cloudinary\u2019s DAM\",\"datePublished\":\"2026-05-14T14:00:00+00:00\",\"dateModified\":\"2026-05-15T00:41:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets\"},\"wordCount\":1128,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1778805630\/Web_Assets\/blog\/Blog_Animations_Maker\/Blog_Animations_Maker.jpg?_i=AA\",\"keywords\":[\"DAM\",\"Image Transformation\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2026\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets\",\"url\":\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets\",\"name\":\"Animations Maker for Cloudinary DAM | GIFs & Spritesheets\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1778805630\/Web_Assets\/blog\/Blog_Animations_Maker\/Blog_Animations_Maker.jpg?_i=AA\",\"datePublished\":\"2026-05-14T14:00:00+00:00\",\"dateModified\":\"2026-05-15T00:41:58+00:00\",\"description\":\"Discover how Animations Maker streamlines GIF and spritesheet creation directly inside Cloudinary DAM using transformations, previews, and browser-based workflows.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1778805630\/Web_Assets\/blog\/Blog_Animations_Maker\/Blog_Animations_Maker.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1778805630\/Web_Assets\/blog\/Blog_Animations_Maker\/Blog_Animations_Maker.jpg?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animations Maker App: Create GIFs and Spritesheets Inside Cloudinary\u2019s DAM\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9\",\"name\":\"melindapham\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g\",\"caption\":\"melindapham\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Animations Maker for Cloudinary DAM | GIFs & Spritesheets","description":"Discover how Animations Maker streamlines GIF and spritesheet creation directly inside Cloudinary DAM using transformations, previews, and browser-based workflows.","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:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets","og_locale":"en_US","og_type":"article","og_title":"Animations Maker App: Create GIFs and Spritesheets Inside Cloudinary\u2019s DAM","og_description":"Discover how Animations Maker streamlines GIF and spritesheet creation directly inside Cloudinary DAM using transformations, previews, and browser-based workflows.","og_url":"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets","og_site_name":"Cloudinary Blog","article_published_time":"2026-05-14T14:00:00+00:00","article_modified_time":"2026-05-15T00:41:58+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1778805630\/Web_Assets\/blog\/Blog_Animations_Maker\/Blog_Animations_Maker.jpg?_i=AA","type":"image\/jpeg"}],"author":"melindapham","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets"},"author":{"name":"melindapham","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9"},"headline":"Animations Maker App: Create GIFs and Spritesheets Inside Cloudinary\u2019s DAM","datePublished":"2026-05-14T14:00:00+00:00","dateModified":"2026-05-15T00:41:58+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets"},"wordCount":1128,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1778805630\/Web_Assets\/blog\/Blog_Animations_Maker\/Blog_Animations_Maker.jpg?_i=AA","keywords":["DAM","Image Transformation"],"inLanguage":"en-US","copyrightYear":"2026","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets","url":"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets","name":"Animations Maker for Cloudinary DAM | GIFs & Spritesheets","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1778805630\/Web_Assets\/blog\/Blog_Animations_Maker\/Blog_Animations_Maker.jpg?_i=AA","datePublished":"2026-05-14T14:00:00+00:00","dateModified":"2026-05-15T00:41:58+00:00","description":"Discover how Animations Maker streamlines GIF and spritesheet creation directly inside Cloudinary DAM using transformations, previews, and browser-based workflows.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1778805630\/Web_Assets\/blog\/Blog_Animations_Maker\/Blog_Animations_Maker.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1778805630\/Web_Assets\/blog\/Blog_Animations_Maker\/Blog_Animations_Maker.jpg?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/animations-maker-app-gifs-spritesheets#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Animations Maker App: Create GIFs and Spritesheets Inside Cloudinary\u2019s DAM"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9","name":"melindapham","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g","caption":"melindapham"}}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1778805630\/Web_Assets\/blog\/Blog_Animations_Maker\/Blog_Animations_Maker.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/40043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/87"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=40043"}],"version-history":[{"count":3,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/40043\/revisions"}],"predecessor-version":[{"id":40048,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/40043\/revisions\/40048"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/40047"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=40043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=40043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=40043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}