---
url: "/fr/bannerify/design/gif.md"
description: "Deux façons d’utiliser des GIF dans vos bannières, qui fonctionnent un peu différemment selon la manière dont vous intégrez le GIF à votre design."
---

# Inclure des GIF animés dans vos bannières HTML

> Deux façons d’utiliser des GIF dans vos bannières, qui fonctionnent un peu différemment selon la manière dont vous intégrez le GIF à votre design.

> **Note:** Votre calque GIF doit figurer dans la timeline principale. Tout **calque _imbriqué_ contenant un GIF ne sera pas rendu** ni inclus dans vos exports HTML. Les GIF animés intégrés ne sont pas non plus **inclus dans les exports GIF/vidéo** de Bannerify.

> **Tip:** **Signaler les GIF transparents**. Par défaut, vos exports GIF ne gèrent pas la transparence. Si votre GIF a besoin de transparence, ajoutez le mot **transparent** n’importe où dans le nom de votre calque Figma.

## Utiliser des GIF animés comme calques d’image {#using-animated-gifs-as-image-layers}

[Video](/assets/videos/bannerify/design/animated-gif-layer.mp4)

Vous pouvez faire glisser un fichier `.gif` dans n’importe quelle bannière de premier niveau : il est ajouté en tant que calque d’image Figma.

Cette méthode ne permet pas de placer d’autre contenu par-dessus le GIF animé. En revanche, les remplissages Figma supplémentaires de ce frame (par exemple des superpositions de couleur ou de dégradé) sont aussi inclus dans l’export `.gif` final.

## Utiliser des GIF animés comme remplissage d’arrière-plan d’un frame {#using-animated-gifs-as-background-fills-on-a-frame-layer}

[Video](/assets/videos/bannerify/design/animated-gif-fill.mp4)

Vous pouvez aussi faire glisser un fichier `.gif` depuis votre ordinateur sur le **fill** d’un frame : il devient un remplissage d’image en arrière-plan du frame. Les remplissages Figma supplémentaires de ce frame (par exemple des superpositions de couleur ou de dégradé) sont aussi inclus dans l’export `.gif` final.

L’avantage de cette méthode est que vous pouvez ajouter d’autres calques Figma (texte, images, etc.) dans le frame, par-dessus votre GIF animé, et qu’ils seront eux aussi inclus dans le `.gif` exporté avec vos bannières HTML.