logo designMay 26, 202610 min read

Formatos de Arquivo de Logo Explicados: SVG, PNG, PDF, AI, EPS

SVG para web. PNG para apresentações. PDF para impressão. AI e EPS para edição. O guia completo sobre qual formato de arquivo de logo usar, quando e exatamente por quê.

By Boone
XLinkedIn
logo file formats explained

Formatos de Arquivo de Logo Explicados: SVG, PNG, PDF, AI, EPS

Um logo não é um arquivo. É um sistema de arquivos. Mandar um único PNG e chamar isso de entrega é a receita para uma marca parecer amadora diante de clientes pagantes.

Os cinco formatos que realmente importam são SVG, PNG, PDF, AI e EPS. Cada um tem uma função. Use o errado para o trabalho errado e o logo vai pixelar num outdoor, recusar abrir na máquina de um fornecedor, ou voltar da bordadeira parecendo que foi desenhado num tijolão.

Ilustração voxel de cinco contêineres de formatos de arquivo de logo organizados como um sistema de entrega completo.
Ilustração voxel de cinco contêineres de formatos de arquivo de logo organizados como um sistema de entrega completo.

Vetor vs. raster, em um parágrafo

TipoFormatosComportamento
VetorSVG, AI, EPS, PDFArmazena formas como cálculos matemáticos. Escale para qualquer tamanho e os cálculos se recalculam; as bordas permanecem nítidas.
RasterPNG, JPGArmazena uma grade de pixels fixa. Amplie além de 100% e você vê a grade.

Essa é a diferença toda. Seu logo sempre deve existir primeiro em formato vetorial, com exportações raster geradas a partir dele.

Diagrama voxel contrastando uma forma vetorial com bordas nítidas contra uma grade de pixels raster em escala.
Diagrama voxel contrastando uma forma vetorial com bordas nítidas contra uma grade de pixels raster em escala.

SVG, o formato vetorial nativo da web

SVG significa Scalable Vector Graphics. É um formato baseado em XML que os navegadores leem nativamente, o que significa zero overhead de renderização, zero display retina borrado, zero arquivo 2x separado para manter. Coloque num tag <img> ou diretamente inline no HTML e ele escala para qualquer resolução sem um byte extra.

Homepage do ElevenLabs com logo renderizado em SVG para exibição nítida em qualquer resolução de tela.
Homepage do ElevenLabs com logo renderizado em SVG para exibição nítida em qualquer resolução de tela.

Veja ao vivo no elevenlabs.io

SVG é correto para:

  • Cabeçalhos de sites
  • Ícones de aplicativos
  • Assinaturas de e-mail (nas plataformas que suportam)
  • Qualquer superfície digital que você controla

A maioria das ferramentas de design exporta diretamente.

Onde o SVG tropeça:

  • Microsoft Office: Word e PowerPoint têm suporte a SVG inconsistente por versão e sistema operacional
  • Fluxos de impressão legados: algumas ferramentas de produção engasgam com SVG; use PDF ou EPS em vez disso

PNG, o fallback seguro que arruína impressões

PNG é raster. Armazena pixels. Todo aplicativo no planeta abre um PNG, o que é sua única vantagem competitiva, e real para contextos digitais.

ContextoVeredicto do PNG
Web, abaixo do tamanho original de exportaçãoFunciona
Apresentações, posts em redes sociais, documentos internosFunciona
ImpressãoJamais. PNG não consegue escalar sem degradar, e a gráfica vai te avisar por e-mail no pior momento possível.

Um logo a 300 DPI num cartão de visita deve vir de um arquivo vetorial.

Sempre exporte PNG em alta resolução, mínimo de 2000px no lado maior, com duas versões: fundo branco e fundo transparente.

Conceito voxel mostrando um logo raster pixelando ao escalar além das suas dimensões originais de exportação.
Conceito voxel mostrando um logo raster pixelando ao escalar além das suas dimensões originais de exportação.

PDF, o formato que viaja em todo lugar sem quebrar

PDF incorpora dados vetoriais. Exporte um do Illustrator ou do Figma e ele abre em qualquer dispositivo, totalmente escalável, sem precisar de software.

Interface de upload do serviço de impressão Moo especificando os requisitos de formato vetorial para produção de cartão de visita.
Interface de upload do serviço de impressão Moo especificando os requisitos de formato vetorial para produção de cartão de visita.

Veja as especificações de impressão no moo.com

Sem problemas de fonte. Sem ativos faltando. Sem respostas "não tenho o Illustrator" dos fornecedores.

Para trabalhos de impressão, PDF é o formato de entrega vetorial mais prático:

  • Gráficas comerciais aceitam diretamente no fluxo de trabalho
  • Fornecedores de sinalização colocam em softwares de layout de grande formato
  • Bordadeiras convertem a partir dele sem perder precisão de linha
  • Fornecedores que não têm o Illustrator ainda conseguem abrir

É o formato para enviar quando você não sabe qual aplicativo a outra pessoa usa, o que cobre a maioria das entregas externas.

PDF também é o formato para variações de lockup (logo mais tagline, empilhado, horizontal). O fornecedor coloca diretamente no InDesign ou no Acrobat sem nenhuma etapa de conversão.

AI, o arquivo de trabalho que seu designer guarda

AI é o arquivo de trabalho nativo do Adobe Illustrator, não o entregável. Ele armazena tudo:

  • Camadas e objetos
  • Amostras de cor
  • Guias e artboards
  • Texto ativo com as fontes originais intactas
  • Atributos de aparência
  • Cores especiais

Seu designer guarda o arquivo AI. Você recebe exportações dele. Se a relação terminar e você precisar editar o logo depois, esse arquivo AI é o que torna a edição possível.

Contratos devem exigir que o designer entregue o arquivo na conclusão do projeto. Se o seu não incluiu isso, é uma lacuna que vale endereçar antes de precisar fazer alterações.

Arquivos AI abrem completamente só no Illustrator (e parcialmente no Affinity Designer). Para clientes colando um logo numa apresentação, mande PNG. Para um fornecedor que pede especificamente AI, mande e confirme a versão do Illustrator, já que compatibilidade entre versões é inconsistente.

EPS, o formato legado que a sua gráfica ainda pede

EPS (Encapsulated PostScript) é anterior ao PDF. Foi o formato padrão de intercâmbio vetorial antes do PDF se tornar dominante, e fornecedores de impressão com décadas de operação ainda o pedem por hábito.

Página do press kit do GitLab listando downloads de logo em EPS e formato vetorial para uso em produção e mídia.
Página do press kit do GitLab listando downloads de logo em EPS e formato vetorial para uso em produção e mídia.

Veja o press kit em about.gitlab.com

EPS e AI carregam os mesmos dados vetoriais. A diferença principal: EPS é mais universalmente legível em softwares de produção antigos, enquanto AI preserva funcionalidades específicas do Illustrator como texto ativo e transparência que o EPS achata na exportação.

Quando um fornecedor pede EPS, mande EPS. Quando ninguém está pedindo, PDF resolve o mesmo trabalho com melhor compatibilidade com ferramentas modernas.

A armadilha do favicon e do avatar social

Um favicon não é um logo reduzido. É um trabalho de design separado. Em 32x32 pixels, a maioria dos detalhes do logo desaparece. Um wordmark com tagline vira uma mancha cinza, e o que fica legível a 300px se torna ilegível a 32px.

O processo de favicon em três etapas:

  1. Crie um mark de favicon dedicado, geralmente a primeira letra, um monograma ou o elemento de logomark mais reconhecível com os detalhes secundários removidos.
  2. Exporte o arquivo, seja .ico (um contêiner para PNG a 16x16, 32x32 e 48x48) ou um PNG de 192x192 que o navegador redimensiona.
  3. Cuide dos avatares sociais separadamente. O Instagram corta em círculo a aproximadamente 110x110px, então o ícone de perfil deve ser só o logomark, nunca o lockup completo com wordmark.

Toda entrega de logo da Brainy vem como uma pasta estruturada, não um zip de exportações aleatórias. Aqui está a estrutura exata:

YourBrand_Logo_Kit/ ├── 01_Web/ │ ├── logo-primary.svg │ ├── logo-primary@2x.png (2000px, transparent bg) │ ├── logo-reversed.svg │ ├── logo-reversed@2x.png │ ├── icon-only.svg │ └── favicon/ │ ├── favicon.ico │ ├── favicon-192.png │ └── favicon-512.png ├── 02_Print/ │ ├── logo-primary-CMYK.pdf │ ├── logo-primary-CMYK.eps │ ├── logo-reversed-CMYK.pdf │ └── logo-reversed-CMYK.eps ├── 03_Source/ │ └── logo-master.ai └── README.txt

Cada pasta tem um propósito. O README contém um parágrafo de orientação sobre qual pasta abrir para cada trabalho.

Nenhum cliente deveria ter que adivinhar. Um kit de logo sem README é um kit feito para designers, não para clientes.

Página do brand kit do GitHub mostrando downloads estruturados de logo incluindo SVG, PNG e arquivos fonte vetoriais.
Página do brand kit do GitHub mostrando downloads estruturados de logo incluindo SVG, PNG e arquivos fonte vetoriais.

Veja o brand kit em brand.github.com

Peça para a Brainy criar seu logo e você recebe o kit completo, rotulado e estruturado, desde a primeira entrega.

Tabela de decisão de formato de um olhar só

A tabela abaixo mapeia cada caso de uso comum para o formato correto. Imprima, tire um print, cole no Notion do seu estúdio, o que mantiver ao alcance quando um cliente perguntar "qual arquivo envio para a gráfica."

Caso de usoFormato corretoPor quê
Cabeçalho de siteSVGEscala para qualquer resolução; suporte nativo do navegador
Fallback de sitePNG (2x)Compatibilidade universal quando SVG não está disponível
Assinatura de e-mailPNGSVG é bloqueado ou removido pela maioria dos clientes de e-mail
Impressão (cartão de visita, papel timbrado)PDF ou EPSVetorial; aceito por qualquer gráfica comercial
Sinalização de grande formatoPDF ou EPSEscala para qualquer tamanho sem perda de qualidade
Bordado ou corte em vinilEPS ou AIEntrada exigida pela maioria dos softwares de produção
Apresentações (Google, PowerPoint)PNGSuporte a SVG varia por versão; PNG é confiável
Avatar de redes sociaisPNG (quadrado, só o logomark)Plataformas comprimem ou rejeitam SVG
Favicon.ico ou PNG (192x192)Especificação do navegador; SVG não tem suporte universal
Marca d'água em vídeoPNG (transparente)Canal alpha do PNG funciona em editores de vídeo
Edição ou redesign do logoAIArquivo de trabalho completo com todas as camadas e atributos
Entrega a fornecedor (ferramentas desconhecidas)PDFAbre em todo lugar; preserva dados vetoriais
Árvore de decisão voxel mapeando escolhas de formato de logo para web, impressão, edição e casos de fallback.
Árvore de decisão voxel mapeando escolhas de formato de logo para web, impressão, edição e casos de fallback.

Perguntas frequentes

Qual é a diferença entre AI e EPS?

Ambos são formatos vetoriais. AI é o formato de trabalho nativo do Illustrator e preserva texto ativo, transparência, artboards e atributos de aparência. EPS é mais antigo e mais amplamente legível, mas achata essas funcionalidades na exportação. Mantenha AI como fonte da verdade; envie EPS quando um fornecedor solicitar.

Posso usar apenas PNG para tudo?

Não. PNG degrada quando impresso ou escalado além do seu tamanho de exportação. Fornecedores vão rejeitar, máquinas de bordar não conseguem usar. A tabela acima mostra o que enviar em vez disso.

E quanto a WebP, GIF, TIFF ou BMP?

Nenhum desses é formato de logo. WebP é para compressão de fotos, a paleta de 256 cores do GIF destrói bordas limpas, TIFF é para arquivamento e BMP não tem transparência. Os cinco formatos acima cobrem todos os casos legítimos de uso de logo.

Meu designer só me mandou um PNG. O que faço?

Peça o kit completo: SVG, PDF, EPS e o fonte AI. Os arquivos de trabalho pertencem ao cliente a menos que seu contrato diga o contrário. Se o designer não responde, peça para a Brainy redesenhar seu logo e receba todos os arquivos certos desta vez.

Logos devem ser RGB ou CMYK?

RGB para telas, CMYK para impressão. A diferença de cor entre perfis é real, então comprove tudo que vai para uma impressora física. PDF e EPS para impressão devem ser CMYK a menos que o fornecedor diga o contrário.

SVG funciona para assinaturas de e-mail?

Quase sempre não. Gmail, Outlook e Apple Mail lidam com SVG de forma inconsistente, e alguns clientes de e-mail removem completamente. Use PNG para assinaturas de e-mail. 200px de largura em resolução 2x é uma base confiável.

Que formato uma bordadeira precisa?

A máquina roda um formato de bordado (DST, PES) que um digitalizador produz a partir da sua arte. Forneça à bordadeira seu logo vetorial em EPS ou AI para que eles possam rastrear e converter com precisão. Nunca envie PNG a um fornecedor de bordado.

Entregue o formato certo da primeira vez

SVG no site. PNG como fallback. PDF para a gráfica.

AI para edições futuras. EPS quando um fornecedor legado exige. Favicon criado como um mark próprio, não redimensionado. O kit completo, rotulado e estruturado, entregue uma vez e referenciado para sempre.

As marcas que parecem polidas em todos os pontos de contato não estão usando logos melhores. Estão usando os arquivos certos para cada superfície.

Para mais guias práticos de marca, navegue pela biblioteca completa de Brainy Papers. Precisa de um sistema de logo criado e entregue corretamente da primeira vez? Peça para a Brainy criar seu logo.

Need a logo that ships with the right files for every use case, not a single PNG you have to email back for? Brainy designs and delivers full logo systems.

Get Started

More from Brainy Papers

Keep reading