Pular para o conteúdo
Octo × Formatos e SVG Pedir um diagnóstico

Octo para formatos e SVG no Illustrator

Duzentos e quarenta ícones que escalam, têm nome e não trocam gradiente entre si. Quem publica é você.

O Illustrator guarda tudo no .ai, entrega PDF para a gráfica, ainda grava EPS para programas antigos e exporta SVG com sete opções que decidem o arquivo. O Octo fixa essas opções num perfil, exporta por prancheta, limpa com o svgo só sobre cópias, acrescenta título acessível e audita cada arquivo antes de ir ao site. O desenho, o texto e a publicação ficam com pessoas.

Pedir um diagnóstico Ver o que faz
Versão atual30.8agosto de 2026, segundo a ajuda da Adobe
Opções do SVG no diálogo7estilo, fonte, imagens, ids, decimais, minificar, responsivo
svgo4.1.0agosto de 2026; viewBox e title fora do padrão de limpeza
Fontes14listadas no fim da página
01

O que o Octo faz com os seus arquivos de troca.

Seis entregas possíveis, tiradas do levantamento. Nenhuma altera a exportação original, todas conferem o resultado pelo conteúdo, e todas vão para revisão de quem responde pela peça.

Inventário do acervo

Formato, versão salva, PDF compatível, fontes vivas e vínculos quebrados por pasta, com o destino de cada uma.

Entrega: inventario_formatos.csv com decisão proposta

Perfis de SVG versionados

As sete opções do diálogo por destino (web, aplicativo, mapa) e a régua que a auditoria usa para cada um.

Entrega: perfis_svg.json revisado com o design

Um SVG por prancheta

Script com todas as opções declaradas, pasta nova por lote, nome da prancheta como nome do arquivo e registro do que ficou pendente.

Entrega: exportar_svg_pranchetas.jsx e registro_svg.csv

Limpeza sem perder escala

svgo sobre cópia, com ids prefixados pelo nome do arquivo e sem as duas remoções que quebram escala e acessibilidade.

Entrega: svgo.config.mjs e fila_svgo.sh

Auditoria que recusa

viewBox, title, ids repetidos dentro e entre arquivos, script, eventos, link externo, raster embutido e peso.

Entrega: auditar_svg.py e auditoria.csv

Origem intocada

Manifesto sha256 da exportação antes e depois do lote; se um byte da origem mudar, a fila avisa.

Entrega: manifesto_origem.txt conferido
02

Oito braços, um arquivo conferido.

O mesmo ciclo do Octo, aplicado aos formatos de troca. Cada braço tem um papel estreito; quem aprova o desenho, o texto e a entrega são pessoas.

  1. Descoberta

    Levanta o acervo

    Formatos, versões salvas, destinos e quem recebe cada arquivo: site, aplicativo, gráfica, fornecedor.

  2. Dados

    Escreve perfis e inventário

    Perfis de SVG por destino, inventário do acervo e planilha de títulos acessíveis, versionados.

  3. Segurança

    Cuida do que vai junto

    SVG com script, evento ou link externo é recusado; exportação original só leitura, com manifesto.

  4. Arquitetura

    Escolhe o caminho

    Diálogo, Exportar para telas, script ou ferramenta externa, conforme volume e destino.

  5. Desenvolvimento

    Escreve script, fila e auditoria

    Exportação por prancheta, configuração do svgo e auditoria, com a fonte de cada regra anotada.

  6. Revisão

    Confere pelo conteúdo

    Estrutura, ids, tamanho e manifesto. "O svgo terminou" não é conferência; a comparação visual é do design.

  7. Publicação

    Prepara a entrega

    Pasta conferida e relatório. A publicação no site ou o envio à gráfica é aprovado por uma pessoa.

  8. Documentação

    Registra o que vale no seu ambiente

    Perfis, versões do Illustrator e do svgo, quem aprovou cada lote e o que mudou entre versões.

O Octo não otimiza no lugar e não sobrescreve arquivo. Não aprova desenho, não libera script no site e não decide o PDF da gráfica.

03

Cada destino, o seu formato.

O critério que o Octo usa para escolher, com o limite documentado de cada caminho.

DestinoFormato e caminhoObservação
Arquivo de trabalho.ai, com PDF compatível quando outro app abrePreserva pranchetas, camadas, efeitos e texto
GráficaPDF/X pela predefiniçãoPerfil combinado com a gráfica
Programa antigoEPS"Não adequado a fluxos modernos", diz a ajuda
Ícones na webSVG, Internal CSS, Outlines, Responsivesvgo com prefixIds sobre a cópia
Aplicativo AndroidSVG com Presentation AttributesA ajuda diz que o Android Studio exige
Mapa com CSS do siteSVG com Object IDs = Layer NamescleanupIds desligado
Muitas telas e escalasExportar para telasPNG, JPEG, SVG, PDF, WebP, AI, EPS, TIFF
Exportar sem abrir o IllustratorNão documentado na estação; no servidor, Illustrator API (/v1/create-rendition)Rota enterprise, com acesso pelo representante Adobe
04

Do "salvar como" à biblioteca auditada.

Três degraus. Cada um só faz sentido depois que o anterior mostrou resultado na sua equipe.

Proposta, não promessa

1 Hoje

Inventário e auditoria

O Octo lê o acervo e audita os SVG que já estão no site, sem mudar o jeito de exportar.

  • Formatos e versões por pasta
  • SVG sem viewBox ou sem title
  • Script escondido encontrado
Ganho: saber o que existe antes de converter
2 Próximo

Perfis e limpeza

Perfis de SVG por destino e svgo sobre cópias, com ids prefixados.

  • Mesmas opções em toda estação
  • Fim da colisão de id
  • Arquivos menores e legíveis
Ganho: ícone que não quebra a página
3 Depois

Exportação por script

Um SVG por prancheta com perfil declarado, fila e título acessível a partir da planilha.

  • Nada sobrescrito
  • Registro de cada arquivo
  • Biblioteca inteira de uma vez
Ganho: a biblioteca nova numa tarde
05

Confirmado em fonte.

Cada ponto abaixo tem fonte publicada pelo fabricante, pelo projeto ou pelo órgão responsável. As fontes estão na seção seguinte.

6

pontos com fonte publicada, cada um com a referência indicada ao lado.

ConfirmadoSete opções do SVG
Styling, Font, Images, Object IDs, Decimal, Minify e Responsive; Presentation Attributes é o exigido pelo Android Studio.Fonte: ajuda da Adobe, Export file format options (24/10/2026)
ConfirmadoEfeito depois de filtro SVG
Se outros efeitos vêm depois de um efeito SVG, a saída SVG é um objeto raster.Fonte: ajuda da Adobe, Apply SVG filter effects (27/10/2025)
ConfirmadoJavaScript dentro do SVG
O painel SVG Interactivity associa JavaScript a eventos e vincula arquivos de script externos.Fonte: ajuda da Adobe, Work with SVG Interactivity (27/10/2025)
ConfirmadoEPS só por compatibilidade
"Não é adequado a fluxos modernos"; para projetos atuais, salvar em .ai.Fonte: ajuda da Adobe, Save artwork in EPS format (25/10/2026)
Confirmadosvgo 4 preserva escala e título
removeViewBox e removeTitle saíram do preset-default; cleanupIds pode colidir ids inline e a documentação sugere prefixIds.Fonte: svgo.dev, migração da 3 para a 4 e cleanupIds (31/10/2026)
Confirmadotitle e desc acessíveis
O agente de usuário deve expor title e desc às APIs de acessibilidade.Fonte: W3C, SVG 2, Document Structure
06

O que o Octo faz e o que fica com vocês.

O Octo prepara tudo, mas não assina. O documento que vale continua com quem responde por ele.

O Octo prepara

Levanta, calcula, organiza e gera os documentos: arquivos, pranchetas, provas e relatórios.

Entrega: material pronto para conferir

A sua equipe confere

O cliente ou o diretor de arte confere o que o Octo entregou antes de aprovar. Se algo não fecha, volta para o Octo com a correção.

Etapa: conferência por quem aprova

Quem aprova

O Octo não aprova a arte. Numa arte não há assinatura legal: a aprovação da arte e da prova fica com o cliente ou o diretor de arte.

Aprovação: cliente ou diretor de arte
07

Fontes.

Páginas da ajuda do Illustrator, a referência de scripts no guia comunitário que reproduz o conteúdo da Adobe, a documentação do svgo e a especificação SVG 2, consultadas em 31/10/2026.

Seus arquivos de troca, com perfil fixo e auditoria antes de publicar.

O diagnóstico começa pelo inventário de uma pasta do acervo e pela auditoria dos SVG que já estão no site. Você recebe o que escala e o que não escala, o que tem nome acessível, o que carrega script e as perguntas que só a sua equipe responde, e decide com isso na mão.

Pedir um diagnóstico