Fundamentos de formato· 6 min de leitura

Qual a diferença entre SVG, EPS e AI? Entenda os três formatos

SVG, EPS e AI são formatos vetoriais: qual a diferença entre eles? Posicionamento, abertura, uso na web e na impressão, tabela comparativa, quando usar cada um e como converter entre os três.

1. Os três formatos em uma frase cada

SVG: padrão vetorial aberto voltado para a web, com suporte nativo dos navegadores; EPS: formato antigo de intercâmbio para impressão, baseado em PostScript; AI: formato de trabalho exclusivo do Adobe Illustrator. Os três guardam gráficos vetoriais, mas o posicionamento e o ecossistema são bem diferentes. Entender a divisão de tarefas evita entregar no formato errado e refazer o trabalho depois.

2. Comparativo detalhado dos três formatos

AspectoSVGEPSAI
EssênciaPadrão aberto do W3C (XML)Formato encapsulado de PostScriptFormato exclusivo do Illustrator
AberturaTotalmente aberto, texto legívelEspecificação pública, suporte amploFormato proprietário
Exibição no navegadorSuporte nativoNão suportadoNão suportado
Uso principalÍcones, ilustrações e gráficos na webEntrega para impressão e gravaçãoArquivo-fonte de design
Capacidade de ediçãoEdição em nível de caminhoLimitadaCamadas, pranchetas e efeitos completos

3. SVG: a primeira escolha para web e multiplataforma

O ponto forte do SVG é a abertura e a afinidade com a web: o navegador renderiza direto, CSS e JavaScript trocam cores e fazem animações, o arquivo é pequeno, aceita bem compressão e pode ser modificado em qualquer editor de texto. A limitação está nas cores, que são principalmente RGB, com suporte fraco a recursos como cores especiais e overprint da impressão profissional, e por isso fluxos gráficos de alta qualidade ainda preferem PDF/EPS. Para materiais de web do dia a dia, ícones e logotipos, a resposta padrão é SVG. Além disso, o SVG pode ser embutido direto no HTML, e o ícone carrega junto com a página, economizando uma requisição de imagem; quando for preciso um bitmap, dá para exportar um PNG em qualquer resolução, o que deixa a porta aberta nos dois sentidos.

4. EPS: o tradicional formato de intercâmbio para impressão

O EPS descreve os gráficos com PostScript e foi por muito tempo o formato de entrega padrão das gráficas e gravadores, aceito por praticamente todos os programas de prepressão e de gravação. Fique atento a dois pontos: o EPS antigo não oferece transparência real (os efeitos transparentes são achromatizados) e o navegador não consegue pré-visualizá-lo. Nos últimos anos o PDF assumiu muitos cenários do EPS, mas muitas gráficas ainda pedem EPS. Na hora de entregar, observe que alguns equipamentos antigos só reconhecem versões antigas de EPS, então verifique as opções de versão na exportação; e, em um projeto com transparência, confirme o resultado do achatamento antes de enviar em EPS.

5. AI: o arquivo de trabalho do designer

O AI é o formato nativo do Illustrator e preserva integralmente camadas, pranchetas, efeitos e texto editável, sendo um arquivo de trabalho "em andamento" e não de entrega. É um formato proprietário, que exige o Illustrator ou um software compatível para ser aberto e editado. Nunca use um arquivo AI direto na web: exporte em SVG/PNG. Como os arquivos AI costumam embutir uma camada de compatibilidade com PDF, muitos programas que não são da Adobe conseguem pré-visualizar o conteúdo, mas a edição completa continua melhor no Illustrator, para não perder efeitos.

6. Como escolher e como converter entre eles

Vale citar o PDF: ele já é o padrão das entregas modernas de impressão, unindo capacidade vetorial e tipográfica. Se a gráfica não indicar um formato, entregar PDF costuma ser mais seguro do que EPS; para a web, é sempre SVG. Os três formatos têm cada um sua função, e não existe um "melhor" em absoluto, apenas o que combina com o cenário.

  • Uso na web: escolha SVG sem hesitar;
  • A gráfica pediu EPS/AI: abra o SVG no Illustrator ou no Inkscape e salve no formato pedido;
  • Recebeu EPS/AI e quer publicar: abra no programa de design, exporte em SVG e compacte com o SVGO;
  • Arquivamento de longo prazo: guarde o arquivo-fonte AI e uma cópia em SVG, que combinam editabilidade e universalidade.

Ainda não tem um logotipo vetorial? Use a ferramenta Logo para Vetor para transformar o bitmap em SVG, grátis e sem cadastro; o fluxo completo está em Tutorial de vetorização de logotipo. Para conversões genéricas de bitmap, use a ferramenta imagem para SVG; e, para entender o valor do SVG, leia As 6 vantagens do SVG.

Perguntas frequentes

Posso usar um arquivo AI direto na web?

Não. O navegador não suporta o formato AI: é preciso exportar em SVG ou PNG no Illustrator ou em outro programa antes de usar na web.

A gráfica pediu EPS e eu só tenho SVG, e agora?

Abra o SVG no Illustrator ou no Inkscape e salve ou exporte em EPS; a informação dos caminhos é preservada por completo.

Experimenta já

Terminaste o tutorial? Pratica com as ferramentas gratuitas da PolySVG:

Continuar a ler