---
url: "/de/bannerify/design/gif.md"
description: "Es gibt zwei Möglichkeiten, GIFs in deinen Bannerdesigns zu verwenden. Sie funktionieren etwas unterschiedlich, je nachdem, wie du das GIF in dein Design einbinden willst."
---

# Animierte GIFs in HTML-Banner einbinden

> Es gibt zwei Möglichkeiten, GIFs in deinen Bannerdesigns zu verwenden. Sie funktionieren etwas unterschiedlich, je nachdem, wie du das GIF in dein Design einbinden willst.

> **Note:** Deine GIF-Ebene muss in der Hauptzeitleiste enthalten sein. **_Verschachtelte_ Ebenen, die ein GIF enthalten, werden nicht gerendert** und nicht in deine HTML-Exporte aufgenommen. Eingebettete animierte GIFs werden außerdem **nicht in GIF- und Videoexporte** aus Bannerify aufgenommen.

> **Tip:** **Transparente GIFs kennzeichnen**. Standardmäßig enthalten deine GIF-Exporte keine Transparenz. Wenn dein GIF Transparenz braucht, füge das Wort **transparent** an beliebiger Stelle in den Namen deiner Figma-Ebene ein.

## Animierte GIFs als Bildebenen verwenden {#using-animated-gifs-as-image-layers}

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

Du kannst eine `.gif`-Datei in ein beliebiges Banner der obersten Ebene ziehen. Sie wird dann als Figma-Bildebene hinzugefügt.

Bei dieser Methode kannst du keine weiteren Inhalte über dem animierten GIF platzieren. Zusätzliche Figma-Füllungen (z. B. Farb- oder Verlaufsüberlagerungen) auf diesem Frame werden aber ebenfalls in den fertigen `.gif`-Export übernommen.

## Animierte GIFs als Hintergrundfüllung einer Frame-Ebene verwenden {#using-animated-gifs-as-background-fills-on-a-frame-layer}

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

Alternativ kannst du eine `.gif`-Datei von deinem Computer auf die **Füllung** einer Frame-Ebene ziehen. Sie wird dann als Bildfüllung im Hintergrund des Frames gesetzt. Zusätzliche Figma-Füllungen (z. B. Farb- oder Verlaufsüberlagerungen) auf diesem Frame werden ebenfalls in den fertigen `.gif`-Export übernommen.

Der Vorteil: Du kannst innerhalb des Frames weitere Figma-Ebenen (Text, Bilder usw.) über deinem animierten GIF platzieren, und auch diese werden in das `.gif` aufgenommen, das mit deinen HTML-Bannern exportiert wird.