How to Embed an Animated GIF in HTML for Email Advertising

Written by scott stanchak
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Embed an Animated GIF in HTML for Email Advertising
An animated gif is essentially a motion graphic. (animated ornament image by Pix by Marti from

E-mail advertising campaigns are a successful tool for promoting your business or product. Plain text, however, is boring and can be overlooked by recipients. Adding some flair to an e-mail serves as an attention grabber. One example is an animated gif, which is essentially a motion graphic.

Skill level:

Things you need

  • HTML editor

Show MoreHide


  1. 1

    Launch your HTML editor. Open the HTML file in which you're looking to embed the animated gif.

  2. 2

    Place your cursor in the spot where the animated gif will reside.

  3. 3

    Copy the following code into that location:

    <img src="URL" />

    Replace the URL with the link to the animated gif. Make sure it's the full URL with http:// and not just the directory on your server.

  4. 4

    Alter the location of the gif, if necessary. You can embed the graphic within text, either to the left, right or middle of it. Add the code align="left" after the quotation mark after the URL. Replace left with right or middle, depending on your desired location.


    <img src="URL" align="left" />

  5. 5

    Save your HTML document. Preview it in your browser to confirm the changes were properly made. If so, copy and paste the HTML into your webmail program and send.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.