---
url: "/pt/bannerify/design/gif.md"
description: "Há duas formas diferentes de usar GIFs nos designs dos seus banners, e cada uma funciona de um jeito, dependendo de como você quer incorporar o GIF ao design. "
---

# Incluir GIFs animados nos seus banners HTML

> Há duas formas diferentes de usar GIFs nos designs dos seus banners, e cada uma funciona de um jeito, dependendo de como você quer incorporar o GIF ao design. 

> **Note:** Sua camada de GIF precisa estar na linha do tempo principal. **Camadas _aninhadas_ que contêm um GIF não são renderizadas** nem incluídas nas exportações HTML. GIFs animados incorporados também **não são incluídos nas exportações de GIF/vídeo** do Bannerify.

> **Tip:** **Marcar GIFs transparentes**. Por padrão, as exportações de GIF não incluem transparência. Se o seu GIF precisa de transparência, adicione a palavra **transparent** em qualquer parte do nome da camada no Figma.

## Usar GIFs animados como camadas de imagem {#using-animated-gifs-as-image-layers}

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

Você pode arrastar um arquivo `.gif` para dentro de qualquer banner de nível superior, e ele será adicionado como uma camada de imagem do Figma.

Esse método não permite incluir outro conteúdo por cima do GIF animado. No entanto, os preenchimentos adicionais do Figma nesse frame (por exemplo, sobreposições de cor/degradê) também são incluídos na exportação final do `.gif`.

## Usar GIFs animados como preenchimento de fundo de uma camada de frame {#using-animated-gifs-as-background-fills-on-a-frame-layer}

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

Como alternativa, você também pode arrastar um arquivo `.gif` do seu computador para o **preenchimento** de uma camada de frame, o que o define como preenchimento de imagem no fundo do frame. Os preenchimentos adicionais do Figma nesse frame (por exemplo, sobreposições de cor/degradê) também são incluídos na exportação final do `.gif`.

A vantagem é que você pode adicionar outras camadas do Figma (textos, imagens etc.) dentro do frame, por cima do GIF animado, e elas também são incluídas no `.gif` exportado com seus banners HTML.