Formatos de logo: qual arquivo mandar para a gráfica e qual usar no site

Equipe markigniteAtualizado em: 25 de outubro de 20266 min de leitura

Seu logo está pronto, e agora a gráfica pede um “vetor”, o Facebook quer um quadrado e o Word precisa de algo que não fique borrado. Explicamos de forma simples a diferença entre os formatos de logo e qual usar em cada situação.

Vetor e bitmap: a grande diferença

Um arquivo bitmap (PNG, JPG) é feito de pixels, como uma foto. Ele tem tamanho fixo: se você ampliar, as bordas ficam serrilhadas. Um arquivo vetorial (SVG, PDF, EPS, AI) guarda as formas como curvas matemáticas. Dá para ampliar até o tamanho de um outdoor sem perder qualidade.

Por isso, vale sempre ter o logo em vetor. Do vetor você gera qualquer PNG, mas de um PNG pequeno nunca vai recuperar um vetor nítido.

SVG: o formato para web e impressão

SVG é um formato vetorial que navegadores, programas de design e a maioria das gráficas entendem. Os arquivos são leves, nítidos em qualquer tela (inclusive Retina) e podem ser animados. É o formato padrão de logo para sites e a melhor escolha quando a gráfica pede um arquivo vetorial.

• Para quê: site, loja virtual, impressão em grande formato, adesivagem de veículos, fachadas.
• Atenção: o Word e alguns programas antigos lidam mal com SVG. Nesses casos, use PNG.

PNG: o logo com fundo transparente

PNG é o formato bitmap mais prático para logos, porque aceita fundo transparente. Um logo em PNG fica sobre uma foto, um slide colorido ou a assinatura de e-mail sem um quadrado branco em volta.

• Para quê: documentos do Word e PowerPoint, redes sociais, assinatura de e-mail, apresentações.
• Que tamanho: pelo menos 1.000 pixels de largura para documentos, 2.000–3.000 pixels para impressões pequenas.
• Bom ter: uma versão para fundos claros, uma branca para fundos escuros e o símbolo sozinho.

PDF: o arquivo para a gráfica

PDF pode conter gráficos vetoriais e é o padrão na produção gráfica. Artes finais de cartões, panfletos ou papel timbrado vão para impressão em PDF com sangria (normalmente 2–3 mm de cada lado), para não sobrarem bordas brancas depois do corte.

JPG: só quando não houver outra opção

JPG não tem transparência e perde qualidade a cada vez que é salvo, o que aparece nas bordas das letras. Para logo, é uma escolha ruim. Use apenas onde o sistema não aceitar outro formato, e sempre sobre fundo branco ou de cor sólida.

Favicon e ícone de app

O favicon é o pequeno ícone na aba do navegador. Você precisa de um favicon.ico (16 e 32 pixels), de uma versão SVG para navegadores modernos e de PNGs de 180×180 (Apple) e de 192 e 512 pixels (Android). Nos ícones se usa só o símbolo, porque o nome fica ilegível nesse tamanho.

Cola rápida: qual arquivo para quê

Cores nos arquivos: RGB e CMYK

Telas mostram cores em RGB, e gráficas imprimem em CMYK. Por isso, a mesma cor pode ficar um pouco diferente no papel e no monitor. No manual da marca, as cores aparecem em vários sistemas: HEX e RGB para o digital, CMYK para impressão. A maioria das gráficas online converte arquivos RGB sozinha, mas em trabalhos importantes peça uma prova de cor.

Onde conseguir todos esses arquivos?

Um bom designer ou serviço deve entregar o conjunto completo: SVG, PNG em várias versões, favicons e códigos de cor. Na markignite, você recebe o logo do gerador de graça em PNG, e o pacote Marca acrescenta SVG em todas as versões, favicons e o manual da marca. Para planejar o logo em si, leia as 10 regras para um bom logo.

Leia também

← Todos os guias