# Tamanho do shot do Dribbble: 1600×1200 e como enquadrar

[Canonical HTML page](https://gradiently.design/pt-br/guide/dribbble-shot-size)

No Dribbble, seu trabalho disputa atenção numa grade de pequenos quadros 4:3. A moldura, o fundo, o corte e o respiro decidem se alguém vai clicar.

## The short version

- O tamanho do shot do Dribbble é 1600×1200 pixels, um quadro horizontal 4:3.
- O Dribbble mostra os shots como miniaturas 4:3 na grade, então a primeira imagem precisa ser legível em tamanho pequeno.
- A maioria dos bons shots mostra uma única ideia, bem recortada, com bastante espaço ao redor e um fundo que apoia o trabalho sem competir com ele.
- Fundo e enquadramento consistentes entre os shots fazem um perfil do Dribbble parecer o portfólio de uma só pessoa.
- Os shots também podem ser animados, o que combina com trabalhos de interação e movimento quando a animação é curta e faz um loop limpo.

O **tamanho do shot do Dribbble** é 1600×1200 pixels, um quadro horizontal 4:3. O Dribbble mostra cada shot como um quadro 4:3 na grade, então crie a primeira imagem para ser lida nesse tamanho pequeno: uma ideia, bem recortada, com espaço ao redor e um fundo que valoriza o trabalho em vez de brigar com ele. As demais imagens do shot podem mostrar detalhes. Mantenha enquadramento e fundo consistentes de um shot para outro e seu perfil vira um portfólio, não uma pilha de uploads.

## Dimensões do shot do Dribbble

| Propriedade | Valor |
| --- | --- |
| Tamanho | 1600×1200 px |
| Proporção | 4:3, horizontal |
| Miniatura na grade | A primeira imagem, exibida pequena em 4:3 |
| Tipos de arquivo | PNG ou JPG para imagens estáticas, GIF ou vídeo para movimento |
| Várias imagens | Um shot pode conter várias imagens ou vídeos |

A página de upload do Dribbble lista os limites atuais de tamanho de arquivo e duração de vídeo. Crie em 1600×1200, ou num múltiplo 4:3 maior, como 3200×2400, para mais nitidez, e você preencherá o quadro com exatidão.

Envie exatamente em 4:3. Outro formato é cortado ou preenchido na grade, e quem decide onde é o Dribbble, o que raramente é onde você escolheria. O PNG mantém bordas e texto de interface nítidos; o JPG serve para trabalhos fotográficos.

- Shot Dribbble 1600×1200: 1600 × 1200
- Capa Behance 1616×1264: 1616 × 1264
- Slides 4:3 1600×1200: 1600 × 1200
- Post Instagram 1080×1350: 1080 × 1350

O shot ao lado dos vizinhos. Um slide 4:3 é o mesmo quadro, então um shot bem enquadrado entra direto numa apresentação; a capa do Behance é parecida, mas não idêntica.

## Como enquadrar o trabalho num shot do Dribbble

Um shot fraco clássico é uma página web inteira encolhida para caber no quadro. Em miniatura, vira um retângulo cinza cheio de pontinhos. Escolha uma parte que vale ser vista, recorte nela e dê espaço.

1. **Escolha uma ideia** Uma tela, um componente, um logo com assinatura ou um conjunto de ícones. Se precisa de um parágrafo para explicar, são dois shots.
2. **Recorte mais perto do que parece natural** Mostre o cartão do checkout, não a página inteira. O detalhe que importa precisa ser grande o bastante para ser visto na grade.
3. **Deixe uma margem** Cerca de 10 a 15 por cento do quadro de cada lado, algo como 160 a 240 pixels num shot de 1600 pixels, deixa o trabalho respirar.
4. **Escolha um fundo que apoie** Liso ou com degradê suave, escolhido a partir da paleta do trabalho ou em contraste com ela. O fundo deve fazer o trabalho parecer melhor e depois sumir.
5. **Adicione imagens de detalhe depois** Use a segunda e a terceira imagens para closes, estados e o fluxo completo. A primeira imagem é o convite.

Uma capa de shot do Dribbble de 1600 por 1200 com o texto Checkout, redesenhado, sobre um degradê suave

Uma capa para um shot com várias imagens: um título curto sobre um fundo calmo, com as telas nas imagens seguintes.

## Fundos para shots do Dribbble

O fundo é o palco. Uma interface clara costuma ficar melhor sobre um fundo suavemente tingido, um pouco mais escuro que o seu branco, para que as bordas dos cartões apareçam. Uma interface escura pede um fundo profundo com um leve toque de cor por perto. Um trabalho de marca colorido pode ficar sobre um quase neutro, para que a cor da marca seja a única coisa forte no quadro.

- Pedra suave, para UI clara: `linear-gradient(160deg, #f5f5f4 0%, #e7e5e4 100%)`
- Pervinca, para UI clara: `radial-gradient(circle at 50% 40%, #e0e7ff 0%, #c7d2fe 60%, #a5b4fc 100%)`
- Palco profundo, para UI escura: `radial-gradient(circle at 50% 35%, #312e81 0%, #1e1b4b 50%, #0b0a1a 100%)`
- Papel quente, para identidade visual: `radial-gradient(circle at 30% 30%, #fde68a 0%, #fed7aa 45%, #fecdd3 100%)`

Quatro fundos que apoiam o trabalho em vez de competir com ele. Cada um mantém o ponto mais brilhante atrás do centro do quadro, onde o trabalho fica.

### Evite

- Uma página inteira encolhida para caber
- Um degradê arco-íris berrante atrás de um trabalho colorido
- Sombras pesadas sob todos os cartões
- Trabalho encostado nas bordas do quadro
- Um fundo diferente em cada shot

### Faça

- Um componente ou tela, bem recortado
- Um fundo mais calmo que o trabalho
- Uma sombra suave e única, ou nenhuma
- Uma margem de 10 a 15 por cento
- Uma família de fundos em todo o perfil

Mockups de dispositivos podem ajudar quando o contexto importa, como um app numa mão ou um mostrador de relógio num pulso. Usados em todo shot, encolhem o trabalho e envelhecem rápido. Uma tela plana e limpa sobre um bom fundo costuma ser mais forte. [Fundos em degradê](https://gradiently.design/pt-br/guide/gradient-background) e [fundos em degradê escuro](https://gradiently.design/pt-br/guide/dark-gradient-backgrounds) mostram como criar fundos que não parecem predefinições.

## Faça seu perfil do Dribbble parecer um único portfólio

Os visitantes julgam um perfil pela grade. Se todo shot compartilha uma família de fundos, uma margem e um jeito de recortar, a grade parece curada, e o que muda de um quadro para outro é o seu trabalho, não a moldura. [Dicas de portfólio de design](https://gradiently.design/pt-br/guide/designer-portfolio-tips) e [design de estudo de caso](https://gradiently.design/pt-br/guide/case-study-design) levam o mesmo raciocínio para um portfólio completo.

Uma capa de shot do Dribbble com o título Fluxo de onboarding sobre um fundo em degradê calmo

Um shot de uma série: o título e, depois, as telas nas imagens seguintes.

Uma capa de shot do Dribbble correspondente, com o título Conjunto de ícones, 48 glifos, e o mesmo fundo e layout

O próximo shot com o mesmo fundo e layout, para que a grade do perfil seja lida como um conjunto de trabalhos.

Dê a cada shot um título simples que diga o que ele é, “Onboarding de app bancário” em vez de “Boas vibrações”, e uma breve descrição do problema e da sua decisão. As pessoas encontram shots por busca e tags, e os clientes leem a descrição para julgar como você pensa, não só como você desenha.

Um fundo que mais ninguém usa é uma assinatura discreta. No Gradiently, shot do Dribbble é um tamanho nativo, e um Mark que você reserva é só seu para exportar, então o palco atrás dos seus shots não vai aparecer no perfil de outro designer. Com o Pro, você exporta imagens estáticas até 4K ou um MP4 curto quando o movimento lento do Mark combina com um shot animado. Para shots com movimento em geral, mantenha os loops curtos e suaves; [fundos em degradê animados](https://gradiently.design/pt-br/guide/animated-gradient-background) traz os princípios.

## FAQ

### Qual é o tamanho de um shot do Dribbble?

1600×1200 pixels, um quadro horizontal 4:3.

### Posso enviar outra proporção para o Dribbble?

A grade do Dribbble é 4:3, então outros formatos são cortados ou preenchidos na miniatura. Crie em 4:3 para controlar o que as pessoas veem.

### Que fundo devo usar num shot do Dribbble?

Um fundo calmo, um pouco mais escuro que uma interface clara, ou um fundo profundo com um leve toque de cor para interfaces escuras. O fundo deve ser mais discreto que o trabalho.

### Shots do Dribbble podem ser animados?

Sim. Os shots podem incluir GIFs e vídeos, que combinam com trabalhos de interação e movimento. Mantenha o movimento curto e faça um loop limpo.

### Quanta margem um shot do Dribbble deve ter?

Cerca de 10 a 15 por cento do quadro de cada lado, algo como 160 a 240 pixels num shot de 1600 pixels de largura.