# How to Use amp-anim in Your AMP Emails

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "headline": "Amp-anim: Features, Application, and Examples",
  "description": "Features and applications of amp-anim, one of the AMP email components. Use it to add GIFs and animation within AMP emails and make email interactive.",
  "image": "https://res.cloudinary.com/mailmodo/image/upload/v1652870729/strapi/Featured_image_Amp_anim_a2d2441724.png",
  "datePublished": "2022-02-17T19:19:33.138Z",
  "dateModified": "2025-01-08T06:28:10.509Z",
  "publisher": {
    "@type": "Organization",
    "name": "Mailmodo",
    "url": "https://www.mailmodo.com/",
    "sameAs": [
      "https://www.linkedin.com/company/mailmodo/",
      "https://www.facebook.com/mailmodo/",
      "https://www.instagram.com/mailmodohq/",
      "https://www.youtube.com/@mailmodo"
    ],
    "logo": "https://www.mailmodo.com/static/images/logo/logo-full.svg",
    "description": "Mailmodo is a complete email marketing platform that helps email marketers to create and send interactive emails to drive growth and engagement.",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "Lewes",
      "addressRegion": "DE",
      "postalCode": "19958",
      "streetAddress": "Mailmodo Technologies Inc. 16192, Coastal Highway",
      "addressCountry": {
        "@type": "Country",
        "name": "US"
      }
    },
    "contactPoint": {
      "@type": "ContactPoint",
      "email": "enquiries@mailmodo.com",
      "contactType": "customer service"
    }
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Amp-anim: Features, Application, and Examples",
  "description": "Features and applications of amp-anim, one of the AMP email components. Use it to add GIFs and animation within AMP emails and make email interactive.",
  "image": "https://res.cloudinary.com/mailmodo/image/upload/v1652870729/strapi/Featured_image_Amp_anim_a2d2441724.png",
  "datePublished": "2022-02-17T19:19:33.138Z",
  "dateModified": "2025-01-08T06:28:10.509Z",
  "author": {
    "@type": "Person",
    "name": "Suryanarayan Pal",
    "url": "https://www.mailmodo.com/guides/author/suryanarayan-pal/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Mailmodo",
    "logo": {
      "@type": "ImageObject",
      "url": "https://www.mailmodo.com/static/images/logo/logo-full.svg"
    }
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.mailmodo.com/guides/amp-anim/"
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "@id": "#creator",
  "description": "Email marketing software to create and send interactive emails to maximize conversions and reinvent your user journey",
  "email": "support@mailmodo.com",
  "image": "https://www.mailmodo.com/static/images/og-image.png",
  "knowsAbout": "Email marketing",
  "legalName": "Mailmodo Technologies Inc.",
  "location": "United States",
  "logo": "https://www.mailmodo.com/static/images/logo/logo-full.svg",
  "name": "Mailmodo",
  "sameAs": [
    "https://twitter.com/mailmodo",
    "https://www.facebook.com/company/mailmodo/",
    "https://www.linkedin.com/company/mailmodo/"
  ],
  "url": "https://www.mailmodo.com/"
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://www.mailmodo.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Guides",
      "item": "https://www.mailmodo.com/guides/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "amp anim",
      "item": "https://www.mailmodo.com/guides/amp-anim/"
    }
  ]
}
</script>

## Table of contents

- What is amp-anim?
- Applications of amp-anim
- Features of amp-anim
- Wrapping up

GIFs are not only fun to use, but they have also helped companies like Dell to increase the conversion rate of their email campaigns by 103%. So it may be worth the effort to use them in your [AMP emails](https://www.mailmodo.com/guides/amp-for-email/).

However, if you want to use GIFs or other animated elements in your AMP emails, you need to know about **amp-anim.**

Keep reading to learn more about **amp-anim** and how to use it in your AMP emails.



-   What is amp-anim?
    
-   Applications of amp-anim
    
-   How to use amp-anim
    
-   Wrapping up

## What is amp-anim?

The **amp-anim** is an [AMP email component](https://www.mailmodo.com/guides/amp-email-component/) that allows you to add [WebP image formats](https://en.wikipedia.org/wiki/WebP) and [GIFs](https://www.mailmodo.com/guides/email-gifs/) to your AMP emails.

Not only for displaying animated content, but amp-anim also helps manage CPU resources efficiently. This feature is helpful when the users are off-screen and not actively seeing the animation. For example, if some users have slow internet connections, you can use the amp-img component as a placeholder for such scenarios.

## Applications of amp-anim

One of the major applications of amp-anim is that you can create GIF galleries within your emails. 

### Create GIF galleries
    

Suppose you plan to send GIF galleries in your AMP emails similar to [Giphy](https://giphy.com/). In that case, you must use the amp-anim component to optimize the GIFs loading, so users with slower internet connections can also get a great experience. To optimize it, even more, you can use the placeholder element.

## Features of amp-anim

Different attributes let you add different features. Here's a few of those:

### ✅ Add the source attribution

If you borrowed the GIFs from third-party sources, adding the attribution of its source is a good practice. You may add the name and its source as its value by using the attribution attribute to signify the GIFs' source.

### ✅ Mention alternative text for screen readers

According to [WHO](https://www.mailmodo.com/guides/email-accessibility/#:~:text=According%20to%20the%20WHO%2C%20over%20one%20billion%20people%20live%20with%20some%20form%20of%20disability.), nearly 15% of the world's population has disabilities. So to optimize your AMP emails for such users, you must add an alt text that will signify what it is about. This alt text is helpful when your users read your emails with a device like a screen reader.

  

Here're other helpful attributes: **src, width, height, common attributes**.

Visit [amp.dev](https://amp.dev/documentation/components/amp-anim/?format=email) for more information.

## Wrapping up

GIFs are fun and can be used to make your emails more enjoyable. With the help of amp-anim, now you can efficiently achieve that. However, not everyone knows or has the time to learn programming to add GIFs to their AMP emails.

But with the help of [Mailmodo](https://www.mailmodo.com/), you can create highly customizable AMP emails with GIFs, animations, carts, and more without coding. It is a simple drag-and-drop software that has increased the [conversion rates](https://www.mailmodo.com/case-studies/) of many companies. So check it out to take your email marketing to the next level.

---

**Author: Suryanarayan Pal**

Suryanarayan has 7 years of experience in email marketing for B2B, SaaS, and e-commerce, specializing in email deliverability and project management.

