Embed GIF on Your Site

Generate an iframe embed code for any GIF. Configure autoplay, loop and controls through URL parameters, then paste the snippet into any site.

100% FreeNo UploadInstant PreviewHigh Quality

The GIF must be served with CORS headers allowing cross-origin fetch.

Live preview

Enter a GIF URL above to see the preview.

URL parameters

ParameterDefaultDescription
src—Required. The full URL to the GIF file.
autoplaytrueStart playing automatically. Set false to require a click.
looptrueLoop the animation.
controlstrueShow play/pause, speed and progress controls.

How to Use

  1. 1Paste the full URL of your GIF (https://...)
  2. 2Adjust width, height and playback options
  3. 3Copy the embed code or the direct URL
  4. 4Paste it into any HTML page, blog or docs site

Features

  • Hosted iframe player, zero setup
  • Autoplay / loop / controls toggles
  • Canvas-based, smooth playback
  • Works with any CORS-enabled GIF URL

Related Tools

Compress GIF

Reduce file size before embedding

Resize GIF

Fit the player dimensions

GIF to MP4

Smaller and better for video embeds

Embed an animated GIF on any website

The embed endpoint at /embed renders a single, full-bleed GIF player with no navigation or branding. Drop it into an <iframe> on any page — blog post, docs site, portfolio, Notion page — and you get a high-quality, canvas-based GIF player with play/pause, loop and speed controls.

Why use the embed player instead of <img>?

  • Readers can pause, step through or replay the animation.
  • Large GIFs do not block the rest of the page while decoding.
  • You can control autoplay and loop behavior via URL parameters.
  • The canvas renderer handles long GIFs more gracefully than the browser's native <img>.

Where can I paste the iframe?

  • WordPress, Ghost, Webflow and other CMS custom HTML blocks
  • Notion, Coda and other docs that support /embed blocks
  • Personal portfolios, landing pages and marketing sites
  • Internal wikis and dashboards