# Tamanho do fundo de ecrã do telemóvel e como desenhar para o bloqueio

[Canonical HTML page](https://gradiently.design/pt-pt/guide/phone-wallpaper-size)

A maioria dos fundos de ecrã de telemóvel é desenhada na forma errada e depois recortada, ampliada e tapada por um relógio gigante. Alguns minutos de planeamento resolvem as três coisas.

## The short version

- O melhor tamanho de fundo de ecrã para telemóvel é a resolução exata do teu ecrã, que descobres fazendo uma captura de ecrã e vendo as suas dimensões em píxeis.
- A maioria dos telemóveis atuais é bem mais alta do que 16:9, muitas vezes entre 9:19,5 e 9:20, por isso uma imagem de 1080 por 1920 vai ser recortada ou ampliada.
- O relógio e os widgets do ecrã bloqueado tapam o terço superior, as notificações enchem o meio e os atalhos ficam nos cantos inferiores.
- Alguns telemóveis ampliam ou deslocam o fundo quando inclinas ou deslizas, por isso deixa margem extra à volta de tudo o que é importante.
- Os gradientes suaves e os campos calmos dão os melhores fundos de ecrã, porque a própria interface do telemóvel fica por cima deles.

O **tamanho de fundo de ecrã do telemóvel** certo é a resolução exata do teu ecrã. A maioria dos telemóveis atuais tem ecrãs altos, entre 9:19,5 e 9:20, o que com 1080 píxeis de largura dá cerca de 2340 a 2400 píxeis de altura, mas os modelos variam, por isso confirma o teu. A forma mais rápida: faz uma captura de ecrã e vê as dimensões no painel de informações da tua aplicação de fotos. As capturas de ecrã são guardadas na resolução total do ecrã, por isso esse número é o tamanho em que deves desenhar.

O resto deste guia trata das formas, das zonas que a interface do telemóvel tapa e de como desenhar um fundo que continue a ficar bem por baixo de um relógio, de widgets e de uma grelha de ícones. Para ideias de cor, vê [fundos de ecrã em gradiente](https://gradiently.design/pt-pt/guide/gradient-wallpaper) e [fundos estéticos](https://gradiently.design/pt-pt/guide/aesthetic-backgrounds).

## Tamanhos e proporções de fundos de ecrã de telemóvel

A proporção importa mais do que o número exato de píxeis. Uma imagem na forma certa escala sem problemas para qualquer ecrã dessa forma; uma imagem na forma errada é recortada ou esticada. As imagens de story de 1080 por 1920 (9:16) são um erro comum: são visivelmente mais baixas do que a maioria dos ecrãs de telemóvel atuais.

- Story 9:16, 1080×1920: 1080 × 1920
- Cerca de 9:19,5: 1080 × 2340
- Cerca de 9:20: 1080 × 2400

Uma story de 9:16 ao lado de duas formas altas comuns de telemóvel, todas com 1080 píxeis de largura. A diferença é a parte do teu design que é recortada ou ampliada.

| Forma | Com 1080 px de largura | Notas |
| --- | --- | --- |
| 9:16 | 1080 × 1920 | Formato de story; mais baixo do que a maioria dos telemóveis atuais |
| Cerca de 9:19,5 | 1080 × 2340 | Uma forma alta de telemóvel comum |
| Cerca de 9:20 | 1080 × 2400 | Ainda um pouco mais alta |
| O teu ecrã exato | Dimensões da captura de ecrã | O único tamanho com encaixe garantido |

As alturas são aritmética simples com 1080 píxeis de largura. Os telemóveis com mais resolução usam as mesmas formas em tamanhos maiores.

> **Desenha um pouco maior** Faz o fundo no tamanho do teu ecrã ou maior, na mesma forma. Reduzir uma imagem grande mantém-na nítida; ampliar uma pequena deixa-a mole, e os gradientes suaves mostram mais faixas.

## O que tapa o fundo do teu ecrã bloqueado

O fundo de um ecrã bloqueado nunca é visto sozinho. O telemóvel desenha a sua interface por cima, e cada zona tem uma função. Planeia o fundo para que a sua parte mais agitada ou mais clara não lute com o que lá fica.

- **Margem superior:** a barra de estado com hora, rede e bateria. Mantém-na calma.
- **Terço superior:** o relógio grande e a data e, em muitos telemóveis, uma fila de widgets. É a zona mais tapada.
- **Meio:** as notificações empilham-se aqui e podem enchê-lo. O pormenor carregado torna-as mais difíceis de ler.
- **Cantos e margem inferiores:** atalhos como a lanterna e a câmara, e o indicador para deslizar.
- **Meio inferior:** normalmente o espaço livre mais visível, e um bom sítio para a luz ou o ponto focal.

Um design vertical alto com uma hora grande ao estilo de relógio perto do topo sobre um gradiente calmo

Hora grande no terço superior, como a mostra um ecrã bloqueado: o fundo mantém-se calmo por trás dos números.

Alguns telemóveis deixam o tema de uma foto sobrepor-se ao relógio, pondo a hora por trás de uma cabeça ou de uma montanha. Isso só funciona quando o tema fica no terço superior e o telemóvel o consegue separar do fundo. Para fundos abstratos e em gradiente, vale a regra mais simples: mantém o terço superior calmo e com luminosidade uniforme, para que o relógio se leia em branco ou em escuro.

## Fundos do ecrã principal: ícones, widgets e a doca

No ecrã principal, os ícones cobrem a maior parte do ecrã numa grelha, com uma doca ao longo da base. Aqui o fundo deve funcionar como pano de fundo sossegado para dezenas de pequenas formas coloridas. Pormenor à escala dos ícones, como padrões finos ou texto, transforma o ecrã em ruído.

### Evita

- Pormenor do mesmo tamanho que os ícones das aplicações
- Zonas brancas ou amarelas vivas por trás de etiquetas brancas
- Rostos ou texto que só vais ver entre ícones
- Arestas fortes que ficam mal alinhadas com a grelha de ícones

### Faz

- Gradientes suaves e luz delicada
- Tons uniformes, médios a profundos, por trás das etiquetas dos ícones
- Uma zona focal no meio inferior, que está livre
- Uma versão mais escura ou mais clara para cada modo de aparência

## Paralaxe, ampliação e recortes ao deslizar

Os telemóveis nem sempre mostram o fundo exatamente como o fizeste. Alguns aplicam uma ligeira ampliação ou movem a imagem quando inclinas o telemóvel, o que corta as margens. Alguns launchers Android deslocam o fundo para o lado quando passas de um ecrã principal para outro, o que mostra partes de uma imagem mais larga. E o telemóvel pode ampliar automaticamente se a tua imagem não tiver a forma do ecrã.

A solução é margem. Mantém tudo o que tem de ficar visível, como um brilho focal ou um pequeno pormenor, bem dentro do enquadramento, a cerca de 10 por cento de cada margem. Os gradientes lidam bem com tudo isto, porque recortar uma mistura mostra apenas um pouco menos dela. Se o teu telemóvel permitir desligar a ampliação ou o efeito de movimento, fá-lo quando quiseres um encaixe exato.

- Brilho baixo de pôr do sol: `radial-gradient(ellipse at 50% 80%, #ff9e7a 0%, #b4487a 40%, #2a1540 100%)`
- Poça de maré: `radial-gradient(ellipse at 50% 75%, #7ee0c3 0%, #2d7f8a 45%, #0c1f2e 100%)`
- Violeta a subir: `linear-gradient(180deg, #1c1836 0%, #3a2f73 55%, #b28dff 100%)`
- Areia, modo claro: `linear-gradient(180deg, #f2efe8 0%, #e6dccb 60%, #d4b99a 100%)`

Gradientes amigos do ecrã bloqueado: calmos e uniformes em cima para o relógio, com a luz reunida em baixo, onde o ecrã está mais livre.

## Como fazer um fundo de ecrã de telemóvel que encaixa

1. **Descobre o teu tamanho exato** Faz uma captura de ecrã e lê as suas dimensões em píxeis. Essa é a tua tela.
2. **Mantém o terço superior calmo** Luminosidade uniforme por trás do relógio e dos widgets, para que a hora se leia com clareza.
3. **Põe a luz em baixo** Coloca o brilho ou o ponto focal no meio inferior, o espaço livre mais visível.
4. **Deixa margem** Mantém o pormenor importante a cerca de 10 por cento de cada margem para sobreviver à ampliação e à paralaxe.
5. **Exporta com suavidade** PNG ou JPEG de alta qualidade, com grão fino para evitar faixas. Vê [gradientes com grão](https://gradiently.design/pt-pt/guide/grainy-gradients).
6. **Testa os dois ecrãs** Verifica o ecrã bloqueado e o ecrã principal, nos modos claro e escuro se o teu telemóvel alternar.

Na Gradiently, podes definir um tamanho personalizado igual à tua captura de ecrã, entre 200 e 8000 píxeis de cada lado, e criar com qualquer Mark como fundo. Para uma versão em movimento, um Mark pode ser exportado como um loop de 5 a 30 segundos para um [fundo animado](https://gradiently.design/pt-pt/guide/live-wallpaper).

## FAQ

### Que tamanho tem um fundo de ecrã de telemóvel?

A resolução exata do teu ecrã. A maioria dos telemóveis atuais fica entre 9:19,5 e 9:20, cerca de 1080 por 2340 a 2400 com 1080 píxeis de largura, mas confirma o teu com uma captura de ecrã.

### Como descubro a resolução do ecrã do meu telemóvel?

Faz uma captura de ecrã e vê os pormenores na tua aplicação de fotos. As capturas de ecrã são guardadas na resolução total do ecrã, por isso essas dimensões são o tamanho do fundo.

### Porque é que o meu fundo de ecrã parece ampliado?

Ou a imagem não tem a mesma forma do teu ecrã, ou o telemóvel aplica um efeito de ampliação ou de movimento. Usa a forma exata do ecrã e desliga o efeito se quiseres um encaixe perfeito.

### 1080 por 1920 é um bom tamanho de fundo de ecrã para telemóvel?

É uma forma de 9:16, mais baixa do que a maioria dos telemóveis atuais, por isso vai ser recortada ou ampliada para encher o ecrã. Uma imagem mais alta, na forma do teu telemóvel, encaixa melhor.