Qual é o melhor tamanho de logotipo para um site?

O logotipo da sua marca precisa estar em vários lugares diferentes, desde um pequeno favicon no seu site até um enorme outdoor em uma rodovia movimentada. Mesmo dentro do seu site, existem diferentes locais para o seu logotipo ir e em diferentes orientações e tamanhos. E cada vez que você usa seu logotipo - ou uma variação de se - ele deve ser consistente, nítido e reconhecível.

Quando você souber as diferentes dimensões e tamanhos do logotipo de que precisará desde o início, será muito mais fácil adicioná-lo ao seu site - e às suas mídias sociais, produtos impressos e todos os outros materiais da marca.

Inscreva-se no nosso canal no Youtube

Variações do logotipo

Em sua maioria, os logotipos têm três elementos: o nome da empresa, um ícone e um slogan. Ou você pode pensar em um logotipo como tendo dois componentes principais: a imagem ou símbolo e a tipografia ou marca nominativa. Em última análise, você pode usar esses elementos juntos ou separadamente, mas não importa como eles estão organizados, eles devem refletir sua marca.

Um logotipo pode ter várias variações quando se trata de design, dimensões, orientação, forma e tamanho. O contexto em que você usa o logotipo - para os nossos propósitos, onde ele vai para o seu site - determina a versão do logotipo que você escolhe. E cada vez que você adapta seu logotipo a um fundo ou tamanho diferente, o objetivo é que ele mantenha sua integridade.

Aqui estão variações comuns de logotipo que você deve considerar criar para uso em seu site e em qualquer outro lugar:

• Horizontal, quadrado e vertical
• Preto, branco, colorido e cor inversa
• Plano de fundo regular e plano de fundo transparente
• Logotipo completo, apenas ícone e texto limitado ou uma única letra / monograma

Todos os diferentes logotipos que você cria, junto com os detalhes de onde devem ser usados, também devem ser incluídos no kit de sua marca. E se você não está criando as variações do seu logotipo, saiba que a agência ou designer que os está criando deve enviar todas as variações junto com o logotipo principal original.

Tipos de arquivo de logotipo

O tipo de arquivo afeta a aparência do logotipo conforme é dimensionado e ampliado. Se você criar o logotipo usando um tipo de arquivo não escalonável, ele ficará embaçado e pixelado à medida que aumenta. Você não quer isso - você quer que seu logotipo pareça detalhado e perfeito, seja pequeno ou enorme.

Para que seu logotipo seja escalonável sem perder qualidade, ele deve estar em formato vetorial, de preferência como um arquivo PNG. Um PNG é um arquivo compactado sem perdas, o que significa que o tamanho do arquivo é muito pequeno, mas a qualidade do design é mantida. Você também pode usar um fundo transparente com um arquivo PNG, o que é excelente para sites e outros espaços digitais. Ao exibir um logotipo online, seu arquivo PNG deve ter menos de 200 KB para que o tempo de carregamento seja rápido.

Você pode estar mais familiarizado com os arquivos JPG, mas não deseja usar um JPG para o seu logotipo. Este tipo de arquivo é compactado com perdas, não compactado sem perdas. Embora ocupe menos espaço do que um PNG porque o tamanho do arquivo é um pouco menor, a qualidade é pior e seu logotipo pode parecer pixelado, especialmente quando você tenta aumentá-lo.

Escolhendo um tamanho de logotipo para seu site

Seu logotipo aparecerá em dois lugares principais em seu site: o favicon e a barra de navegação. Vamos examinar as dimensões específicas desses lugares.

Tamanho do logotipo do favicon

Em um espaço pequeno como o favicon, você deve usar seu logotipo apenas de ícone, pois a área será muito pequena para que qualquer texto possa ser lido. Ou, se o seu logotipo for uma palavra, você pode usar a primeira letra da palavra ou uma versão do monograma se houver duas ou mais palavras. No exemplo abaixo, você verá o logotipo de uma letra da Amazon que é usado em vários lugares, incluindo em alguns de seus cartões-presente:

Fonte: Amazon

PS O favicon é o pequeno ícone que aparece ao lado do título da página da web na barra de pesquisa e também é o que aparecerá em uma lista de favoritos ou favoritos.

Os tamanhos padrão de favicon são os seguintes:

• 16 x 16 pixels (mais comum)
• 32 x 32 pixels
• 48 x 48 pixels

Tamanho do logotipo da barra de navegação

A barra de navegação ou o cabeçalho do seu site hospedará o seu logotipo - provavelmente o logotipo padrão completo. Normalmente, o logotipo ficará no lado esquerdo da barra de navegação.

Embora o tamanho exato dependa do seu construtor de site específico, é provável que as opções de tamanho sejam aproximadamente as seguintes:

• Banner completo: 468 x 60 pixels
• Layout horizontal: 250 x 150 pixels; 350 x 75 pixels; ou 400 x 100 pixels
• Layout vertical: 160 x 160 pixels

Esses não são os tamanhos do cabeçalho real - os cabeçalhos serão maiores - mas são os tamanhos a serem considerados ao projetar seu logotipo para caber nesses tipos de cabeçalhos de site.

Outros lugares onde você usará seu logotipo

Se você vai criar variações do seu logotipo para o seu site, também é um bom momento para fazer as versões necessárias para outros lugares. Por exemplo:

• Anúncios e banners digitais exigirão um logotipo.
• Nas redes sociais, você precisará do seu logotipo em fundos, banners, fotos de capa, fotos de perfil, postagens e miniaturas.
• Para marcas com uma loja online que vende materiais físicos, pode ser necessário imprimir seu logotipo em ímãs, canecas ou camisetas.
• Se você vender ou enviar materiais físicos, colocará seu logotipo no material de remessa, como caixas, envelopes e talvez até fitas de embalagem.

Ferramentas como o Canva têm modelos prontos para uso com os tamanhos ideais para gráficos em vários locais, como sua foto de capa do Facebook ou uma postagem de Histórias no Instagram. Você pode colocar seu logotipo no modelo e, em seguida, baixar o design final para usar onde for necessário.

Considerações finais sobre o tamanho do logotipo do seu site

Quando se trata de seu logotipo, suas variações e onde você os coloca em seu site, lembre-se de que isso é criativo e centrado no design - não há regras rígidas que você deve seguir. E como não é uma ciência perfeita, você pode usar seu olho artístico e bom senso para decidir o que usar e onde. Seu logotipo comunica muito sobre sua empresa e é um dos elementos de sua marca que influenciará a percepção do público. Deve parecer claro e de alta qualidade, não importa onde seja usado.

Seu logotipo está pronto para ir? Veja como adicionar uma imagem de logotipo personalizado no Divi. Você também pode gostar de nosso artigo com maneiras simples e criativas de exibir seu logotipo no Divi.

Imagem em destaque via Mas Blend / shutterstock.com