---
url: "/pl/bannerify/design/gif.md"
description: "GIF-ów w projektach banerów możesz używać na dwa sposoby. Każdy działa nieco inaczej, zależnie od tego, jak chcesz umieścić GIF w projekcie."
---

# Animowane GIF-y w banerach HTML

> GIF-ów w projektach banerów możesz używać na dwa sposoby. Każdy działa nieco inaczej, zależnie od tego, jak chcesz umieścić GIF w projekcie.

> **Note:** Warstwa z GIF-em musi znajdować się na głównej osi czasu. **_Zagnieżdżone_ warstwy zawierające GIF nie zostaną wyrenderowane** ani uwzględnione w eksportach HTML. Osadzone animowane GIF-y **nie są też uwzględniane w eksportach GIF/wideo** z Bannerify.

> **Tip:** **Oznaczanie przezroczystych GIF-ów**. Domyślnie eksportowane GIF-y nie zawierają przezroczystości. Jeśli GIF wymaga przezroczystości, dodaj słowo **transparent** w dowolnym miejscu nazwy warstwy w Figmie.

## Animowane GIF-y jako warstwy obrazów {#using-animated-gifs-as-image-layers}

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

Możesz przeciągnąć plik `.gif` do dowolnego baneru najwyższego poziomu – zostanie on dodany jako warstwa obrazu w Figmie.

Ta metoda nie pozwala umieścić żadnych innych treści nad animowanym GIF-em, ale dodatkowe wypełnienia z Figmy (np. nakładki kolorów lub gradientów) na tej ramce również zostaną uwzględnione w końcowym eksporcie `.gif`.

## Animowane GIF-y jako wypełnienie tła ramki {#using-animated-gifs-as-background-fills-on-a-frame-layer}

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

Możesz też przeciągnąć plik `.gif` z komputera na **wypełnienie** (**fill**) warstwy ramki – zostanie on ustawiony jako wypełnienie obrazem w tle ramki. Dodatkowe wypełnienia z Figmy (np. nakładki kolorów lub gradientów) na tej ramce również zostaną uwzględnione w końcowym eksporcie `.gif`.

Zaletą tej metody jest to, że wewnątrz ramki możesz umieścić nad animowanym GIF-em inne warstwy z Figmy (teksty, obrazy itp.), a one również trafią do pliku `.gif` eksportowanego razem z banerami HTML.