Qual deve ser o tamanho do logo do seu site: altura no cabeçalho em pixels CSS, arquivos retina 2x, SVG ou PNG, mais os tamanhos de favicon, Apple touch icon, imagem de compartilhamento e logo no Google.
Não existe um tamanho de logo obrigatório. A maioria dos cabeçalhos de sites mostra o logo com cerca de 32 a 60 pixels CSS de altura no desktop e um pouco menor no celular, com a largura acompanhando o formato do logo. Use SVG se puder; caso contrário, exporte um PNG com o dobro do tamanho de exibição para que ele continue nítido em telas de alta densidade.
Tamanhos de logo e ícone em resumo (em outubro de 2026)
Dúvidas sobre tamanho de logo geralmente surgem quando o logo fica borrado ou minúsculo depois que o site vai ao ar. A solução é pensar em dois números: o tamanho em que ele aparece, medido em pixels CSS, e o tamanho do arquivo, que deve ser maior. Envie o seu próprio logo abaixo para ver os dois, em um cabeçalho de desktop e de celular, sem nada sair do seu computador.
Nenhum padrão define isso. Como referência, a maioria dos cabeçalhos mostra o logo com cerca de 32 a 60 pixels CSS de altura no desktop e algo entre 28 e 44 no celular. Um logotipo longo pode ficar mais baixo que um símbolo quadrado compacto. Use a prévia acima para avaliar o seu.
SVG é um formato vetorial, então fica nítido em qualquer tamanho e muitas vezes tem um arquivo minúsculo. Use PNG quando o logo tiver detalhes fotográficos ou quando a sua plataforma não aceitar SVG, e exporte com o dobro do tamanho de exibição.
Telas de alta densidade usam mais de um pixel do dispositivo por pixel CSS. Um logo exibido com 40 px de altura fica nítido em uma tela 2x quando o arquivo tem pelo menos 80 px de altura. Com o atributo srcset da img você pode oferecer um arquivo 1x e um 2x e deixar o navegador escolher.
O Google diz que um favicon precisa ser quadrado e ter pelo menos 8x8 px, e recomenda um maior que 48x48 px. O nosso guia de tamanhos de favicon lista os arquivos mais comuns e o HTML para vinculá-los.
As diretrizes de fotos do Perfil da Empresa no Google indicam JPG ou PNG, de 10 KB a 5 MB, 720 x 720 px recomendado e 250 x 250 px no mínimo. A página de ajuda não lista dimensões separadas para o logo, então um logo quadrado de 720 x 720 px é uma escolha segura.
A altura vem do CSS; a largura acompanha o formato do logo. Os atributos width e height reservam o espaço enquanto ele carrega.
logo.png tem 44 px de altura, [email protected] tem 88 px de altura. O navegador escolhe o arquivo 2x em telas de alta densidade.
Um favicon, um Apple touch icon e uma imagem de compartilhamento, cada um feito a partir da versão quadrada do seu logo.
Arquivo do seu logo
Mostrando um logo de exemplo até você escolher um arquivo.
Altura do logo no cabeçalho: {v} px
Cabeçalho no desktop
Menu
Relatório
Tamanho do arquivo: {w} x {h} px.
SVG muda de escala sem borrar em qualquer altura.
Para um resultado nítido em telas 2x nesta altura, o arquivo deve ter pelo menos {v} px de altura.
O seu arquivo é grande o bastante para esta altura em telas 2x.
O seu arquivo é menor que isso, então pode parecer borrado em telas de alta densidade.
CSS para esta altura
O seu arquivo é lido apenas pelo seu navegador e nunca é enviado.
Logo de exemplo
Seu logo
Comece grátis · Sem cartão de crédito