Pular para o conteúdo
helpyself

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.

  1. Solte a imagem que planeja usar como fundo em tela cheia.
  2. Escolha o modo de conteúdo que seu app utiliza — fill é o mais comum para fundos.
  3. Veja a área segura no topo: esse retângulo está visível em todos os dispositivos mostrados.
  4. 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.

Compartilhar link

Salva nos seus arquivos e gera um endereço web para qualquer um abrir. Para de funcionar sozinho depois.

Link dura
Salvar esta ferramenta

Tenha Visualizador de Fundo para App sempre à mão

Favoritar

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?

/app-background-preview

↑↓ para navegar · Enter para abrir · Esc para fechar