Seu logo aguenta 24 pixels? Como testar antes de descobrir tarde

O logo que funciona na prancha grande pode virar um borrão na aba do navegador. Dá para descobrir isso em cinco minutos.

Equipe Obrena5 min de leitura

Favicon da Casa Pitanga ampliado: um único fruto arredondado, com duas folhas cruzadas acima e pequenas sépalas na base, em marrom-avermelhado
Favicon da Casa Pitanga, ampliado para mostrar o desenho: um fruto, não os dois do símbolo principal.

A resposta rápida

Não existe um tamanho mínimo que sirva para todo símbolo. Um monograma de linhas grossas costuma sobreviver a tamanhos em que um desenho de traços finos e vazios estreitos já falha. O que existe é um teste: reduzir o arquivo ao tamanho em que ele vai ser usado de verdade, olhar na tela em que ele vai aparecer, e decidir a partir do que se vê — não a partir do que você sabe que está ali.

Ampliar duas versões lado a lado serve para diagnosticar o desenho. Não serve para aprovar a leitura no pequeno.

Onde o "pequeno" acontece de verdade

Antes de testar, vale saber quais usos apertam o símbolo. Confira quais deles existem no seu caso:

  • O favicon — o ícone da aba do navegador, do favorito e do atalho na tela inicial do celular.
  • O resultado de busca — o Google pode exibir o favicon do site ao lado do resultado.
  • A foto de perfil — WhatsApp, Instagram, Google, LinkedIn: pequena, e muitas vezes recortada em círculo.
  • O carimbo, o bordado e a gravação — aplicações que podem exigir uma versão em uma tinta só.
  • O rodapé de documento e a nota fiscal — impressos em tamanho de selo, muitas vezes em preto.

Sobre o favicon, a orientação do Google é pública e vale a pena conhecer antes de mandar fazer: o arquivo precisa ser quadrado, na proporção 1:1, com no mínimo 8 × 8 pixels — mas a própria documentação recomenda usar um favicon maior que 48 × 48 pixels, para que ele fique bom nas várias plataformas em que aparece. A recomendação é sobre o arquivo, não sobre o tamanho em que ele será exibido: quem entrega um arquivo grande deixa o sistema reduzir com qualidade, em vez de ampliar um arquivo pequeno.

Duas outras coisas da mesma documentação evitam retrabalho: o Google trata um favicon por site, definido pelo nome do host — subdiretórios não têm favicon próprio —, e o endereço do arquivo deve ser estável, ou seja, não convém trocar o caminho com frequência.

O teste, em cinco minutos

Você consegue fazer isso sozinho, com o arquivo que já tem:

  1. Exporte o símbolo sozinho, sem o nome ao lado, em quadrado.
  2. Reduza para 24 e para 32 pixels e salve.
  3. Olhe no celular, no tamanho real, sem ampliar com os dedos. É essa a condição de uso.
  4. Teste também as aplicações previstas em uma tinta e sobre fundo escuro.
  5. Mostre para alguém que não conhece a marca e pergunte o que aquilo é. Não pergunte se está bom.

O que você procura são três defeitos concretos: vazios que se fecham e viram mancha; linhas finas que somem; e a figura que, reduzida, passa a parecer outra coisa — uma letra diferente, um borrão genérico, o ícone de outro aplicativo.

Um caso real: a Casa Pitanga, aos 24 pixels

Na família de marcas do Residencial Maria Rita, cada uma das cinco casas tem o símbolo do nome dela. O da Casa Pitanga é composto por dois frutos pendurados, com nervuras desenhadas na polpa, sépalas na base e duas folhas cruzadas no talo. Em tamanho grande, os dois frutos e as nervuras aparecem com clareza.

Reduzido a 24 pixels, o mesmo desenho pede conferência: compare se as nervuras e os dois frutos continuam distinguíveis nesse tamanho, ou se a figura passa a ler como uma mancha arredondada.

O que foi feito

Em vez de forçar o símbolo principal a caber, o material entregue inclui um favicon desenhado para o tamanho pequeno: um fruto só, com duas folhas acima e as sépalas simplificadas. Mesma família, mesmo traço, mesma cor — menos elementos. A comparação está publicada na página de Marca & Design, com os dois quadradinhos de 24 pixels lado a lado: o símbolo mestre reduzido e o favicon próprio.

Isso não é uma inconsistência da identidade. É o que se chama de simplificação óptica: a versão que preserva o reconhecimento quando o suporte não comporta o detalhe. O erro seria o contrário — usar dois desenhos que não têm parentesco nenhum, ou publicar o mestre reduzido e torcer para ninguém reparar.

Quando simplificar, e o que não vale

A decisão é caso a caso, mas os sinais são objetivos:

  • Simplifique quando, no tamanho de uso, os elementos se confundirem, os vazios fecharem ou o texto deixar de ser legível.
  • Simplifique quando o reconhecimento depende de um detalhe que some — a nervura, a textura, o degradê.
  • Não simplifique só porque ficou "melhorzinho": se o mestre passa no teste, duas versões é uma a mais para alguém errar depois.
  • Não resolva no zoom. Aumentar a imagem para conferir é diagnóstico. A aprovação acontece no tamanho de uso.
  • Não conte com a cor. Se dois símbolos da mesma família só se distinguem pelo matiz, eles são o mesmo símbolo em qualquer uso monocromático.

O que pedir a quem faz a sua marca

Se a marca ainda vai ser feita, esses itens evitam a descoberta tardia:

Peça junto com o logo

  • O símbolo em quadrado, isolado do nome, em arquivo vetorial
  • A versão para tamanho pequeno, se o desenho precisar dela
  • O favicon já exportado, com folga acima de 48 × 48 pixels
  • A versão em uma cor só e a versão para fundo escuro
  • A regra escrita: qual versão vai em qual lugar

E se a marca já existe, o teste acima responde em cinco minutos se você precisa de alguma dessas peças. Vale fazer antes de mandar imprimir mil cartões ou trocar a placa da fachada — que são exatamente os materiais em que corrigir depois custa caro.

Quer ver a comparação aplicada, com os dois ícones no tamanho real? Veja a marca do Maria Rita do favicon ao cartão.