Visualizador de Fundo para App
Só local — nada é enviado a menos que você salve ou compartilhe.
Descubra o tamanho da imagem de fundo que funciona em todos os celulares e tablets.
- Solte a imagem que planeja usar como fundo em tela cheia.
- Escolha o modo de conteúdo que seu app utiliza — fill é o mais comum para fundos.
- Veja a área segura no topo: esse retângulo está visível em todos os dispositivos mostrados.
- Observe a grade para encontrar o recorte mais apertado, e mova o objeto principal para dentro da área segura se não ficar visível.
Salvar esta ferramenta
Tenha Visualizador de Fundo para App sempre à mão
Use o menu Compartilhar do navegador e escolha “Adicionar à Tela Inicial”.
Sobre esta ferramenta
Um fundo em tela cheia quase nunca é exibido na imagem completa. A tela tem uma proporção, sua arte outra, e algo precisa ceder — então o que você centralizou com cuidado aparece certo no simulador que testou, mas perde a cabeça no iPad de alguém. Isso mostra o dano antes de publicar. Solte uma imagem e todos os dispositivos são mostrados de uma vez, em retrato e paisagem, exibindo o recorte exato que aparece na tela. Acima da grade, o número importante: o retângulo visível em todos os dispositivos testados. É onde um logo, rosto ou texto podem ficar e mostrar em todo lugar. Modos de conteúdo também são cobertos, pois fundo definido para ajustar (fit) tem uma falha diferente — barras laterais ao invés de corte — e as duas formas são confundidas frequentemente. Ative áreas seguras e notch, barra de status e indicador de início ficam sombreados sobre a imagem, pois o fundo é desenhado até a borda e os elementos do sistema ficam sobre ele, não o empurram. Nada é enviado; a imagem é lida e desenhada no seu navegador, e os cálculos são pura geometria.
Perguntas frequentes
Por que os dispositivos são agrupados por proporção da tela e não por modelo?
Porque dois celulares com mesma proporção cortam o fundo da mesma forma, independente da resolução — o corte é uma transformação de similaridade e a resolução não altera isso. Listar quarenta modelos daria quarenta linhas mas cerca de quatro respostas distintas, e a lista ficaria desatualizada todo outono.
Quanto da minha imagem de fundo aparece no celular?
Menos do que imagina, e varia por dispositivo — um celular 19.5:9 mostra uma fatia alta de uma imagem 16:9 e descarta as laterais. Essa visão das proporções serve para mostrar todas as formas comuns de uma vez, com a área segura marcada como parte que aparece em todas.
O que é área segura exatamente?
Parte da sua imagem visível em todos os dispositivos testados, em ambos os modos (retrato e paisagem). É uma interseção, não uma média, porque se for cortado num dispositivo dos sete, está cortado — a média esconderia justamente esse caso.
Por que notch e indicador de início não reduzem a imagem?
Fundo em tela cheia é desenhado até a borda atrás de tudo, então os elementos do sistema ficam por cima em vez de cortar o fundo. É diferente do corte, por isso áreas seguras são ativadas separadamente e ficam sombreadas no preview ao invés de removidas.
Qual modo de conteúdo devo usar para fundo?
Fill, quase sempre — cobre a tela e corta o excesso. Fit mostra a imagem inteira mas deixa barras laterais, stretch distorce, e center mostra no tamanho nativo. A ferramenta indica qual modo está ativo para identificar erros visíveis.
Minha imagem é enviada para algum lugar?
Não. O arquivo é lido no seu navegador para obter dimensões e gerar a prévia, e nunca sai da aba. A versão API nem recebe imagem — funciona só com largura e altura, para verificar formas antes de fazer a arte.
Ajude a melhorar esta ferramenta
Encontrou um bug, quer mudar algo ou precisa de uma ferramenta que não temos?
Você tem um rascunho não enviado.
Obrigado — recebemos sua mensagem. Você verá a resposta na sua caixa de entrada.Ir para minhas mensagens