Porque converter seu SVG para o formato BIMI Tiny-PS?
O BIMI exibe o logotipo da sua marca no Gmail, Yahoo e Apple Mail, diretamente junto aos seus emails. Mas os fornecedores de e-mail não aceitam qualquer SVG: o arquivo deve respeitar o perfil SVG Tiny-PS (Tiny Portable/Secure), um subconjunto estrito do formato SVG.
Um SVG exportado do Illustrator, Figma ou Inkscape contém quase sempre elementos proibidos: scripts, fontes incorporadas, metadados do editor, animações. Um único elemento não conforme basta para bloquear a exibição do logotipo.
Marcas que utilizam BIMI observam em média um aumento de 10% na taxa de abertura (fonte: Red Sift/Entrust).
Casos de uso comuns:
- Novo deployment BIMI → Converta seu logotipo existente antes de publicar o registro DNS
- Logotipo rejeitado pelo Gmail → Identifique e remova os elementos proibidos automaticamente
- Atualização de marca → Converta o novo logotipo e verifique a sua conformidade antes de colocar em produção
Como converter seu SVG em 3 passos
Passo 1: Importar seu SVG
Duas opções:
- Arrastar e soltar: Arraste seu arquivo
.svgpara a zona de importação - Colar o código: Copie e cole o conteúdo XML do seu SVG no campo de entrada
A ferramenta aceita arquivos até 256 KB. Se seu SVG ultrapassar este limite, otimize-o primeiro com SVGO.
Passo 2: Iniciar a conversão
Opcionalmente, indique o título do logotipo (ex: "Acme Corp"). Este título é exigido pelo Tiny-PS, se não o fornecer, "Untitled Logo" será utilizado por padrão.
Clique em Converter. A ferramenta:
- Analisa o SVG de origem e deteta as não-conformidades
- Adiciona os atributos obrigatórios (
version="1.2",baseProfile="tiny-ps",xmlns) - Remove os elementos proibidos (scripts, fontes, animações, imagens raster)
- Limpa os metadados e comentários
- Valida o resultado (tamanho, viewBox, conformidade)
Passo 3: Baixar e verificar
Consulte o relatório:
- Correções automáticas (verde): Atributos adicionados ou corrigidos
- Elementos removidos (laranja): Scripts, fontes, animações retirados
- Limpezas (azul): Comentários, metadados removidos
- Diagnósticos: Avisos residuais (viewBox não quadrado, tamanho perto do limite)
Baixe o arquivo SVG Tiny-PS conforme e hospede-o no seu CDN em HTTPS.
O que é SVG Tiny-PS?
SVG Tiny-PS (Tiny Portable/Secure) é um perfil do formato SVG Tiny 1.2, definido pelo BIMI Working Group. Impõe restrições de segurança para garantir que os logotipos exibidos nos emails não possam executar código ou carregar recursos externos.
Diferenças-chave com um SVG padrão:
| Aspecto | SVG padrão | SVG Tiny-PS |
|---|---|---|
version | Livre | 1.2 obrigatório |
baseProfile | Livre | tiny-ps obrigatório |
title | Opcional | Obrigatório |
| Scripts | Permitidos | Proibidos |
| Animações | Permitidas | Proibidas |
| Fontes externas | Permitidas | Proibidas |
| Imagens raster | Permitidas | Proibidas |
| Filtros SVG | Permitidos | Proibidos |
| Referências externas | Permitidas | Proibidas |
| Tamanho máx. | Ilimitado | 32 KB |
| viewBox | Opcional | Quadrado recomendado |
Que transformações efetua a ferramenta?
O conversor aplica três tipos de modificações:
Correções automáticas (auto-fix)
| Modificação | Descrição |
|---|---|
| Versão SVG | Adiciona ou corrige version="1.2" |
| Base Profile | Adiciona ou corrige baseProfile="tiny-ps" |
| Título | Adiciona title se ausente |
| Namespace | Adiciona xmlns se ausente |
| Atributos x/y | Remove x= e y= do elemento raiz |
| Dimensões | Remove width e height da raiz |
| ViewBox | Infere viewBox a partir de width/height se ausente |
Remoção de elementos proibidos (strip)
| Elemento removido | Razão |
|---|---|
script | Código executável proibido |
animate, set, animateTransform | Animações proibidas |
foreignObject, iframe, video, audio | Conteúdo interativo proibido |
font, font-face | Fontes externas proibidas |
filter | Filtros SVG proibidos |
image, feImage | Imagens raster proibidas |
Regras @font-face em style | Fontes CSS proibidas |
Referências xlink:href externas | Ligações remotas proibidas |
| Data URIs | Dados incorporados proibidos |
Limpezas (clean)
| Limpeza | Descrição |
|---|---|
| Comentários XML | Removidos para reduzir o tamanho |
| Processing instructions | Removidas (exceto <?xml?>) |
| Metadados | Elemento metadata removido |
xml-stylesheet | Referência de folha de estilos removida |
Casos de uso reais
Caso 1: Exportação Illustrator com scripts ocultos
Sintoma: O logotipo exportado do Adobe Illustrator é rejeitado pelo Gmail.
Diagnóstico: O SVG contém um script de animação herdado dos parâmetros de exportação e metadados Illustrator volumosos.
Ação: Importe o arquivo no conversor. Os scripts, metadados e processing instructions são removidos automaticamente. O arquivo passa de 45 KB para 12 KB.
Caso 2: Logotipo Figma com texto não convertido
Sintoma: O logotipo convertido apresenta quadrados em vez do texto.
Diagnóstico: O SVG contém elementos text que referenciam fontes via @font-face. O conversor remove as fontes (proibidas em Tiny-PS) mas o texto perde o seu aspecto.
Ação: No Figma, selecione o texto e utilize "Outline Stroke" para converter em caminhos vetoriais. Reexporte depois converta.
Caso 3: Logotipo conforme mas demasiado pesado
Sintoma: A conversão é bem-sucedida mas o diagnóstico assinala SVG_TOO_LARGE.
Diagnóstico: O arquivo ultrapassa 32 KB após limpeza. Os caminhos vetoriais são demasiado complexos.
Ação: Simplifique os caminhos no seu editor gráfico (reduza os pontos de ancoragem) ou utilize SVGO para otimizar o arquivo antes de relançar a conversão.
Boas práticas
Preparação do SVG
- Converta o texto em caminhos: Outline Stroke no Figma, "Vetorizar" no Illustrator
- Utilize um viewBox quadrado: Ajuste as proporções a 1:1 antes da exportação
- Remova as camadas ocultas: Adicionam peso desnecessário ao arquivo
- Simplifique os caminhos: Reduza o número de pontos de ancoragem
- Exporte em SVG otimizado: Utilize os perfis de exportação SVG Tiny 1.2 quando disponíveis
Exportação recomendada por editor
| Editor | Configuração recomendada |
|---|---|
| Adobe Illustrator | Arquivo → Exportar → SVG (Perfil: SVG Tiny 1.2) |
| Figma | Exportar SVG → Outline text → Flatten selection |
| Inkscape | Salvar como → SVG otimizado (sem metadados) |
| Sketch | Exportar → Formato SVG → Outline text |
FAQ - Perguntas frequentes
P: O que é o formato SVG Tiny-PS?
R: SVG Tiny-PS (Tiny Portable/Secure) é um subconjunto restrito do formato SVG imposto pelo BIMI. Proíbe scripts, fontes externas, animações, imagens raster e referências remotas. Apenas elementos gráficos estáticos são permitidos para garantir a segurança nos clientes de e-mail.
P: Porque converter meu SVG em Tiny-PS para BIMI?
R: Os fornecedores de e-mail (Gmail, Yahoo, Apple Mail) exigem o formato Tiny-PS para exibir os logotipos BIMI. Um SVG padrão contém frequentemente elementos proibidos que bloqueiam a exibição. A conversão automática remove-os preservando a aparência visual do logotipo.
P: A ferramenta modifica a aparência do meu logotipo?
R: Não, a ferramenta apenas modifica os elementos não visuais: scripts, metadados, fontes, animações. As formas, cores, degradés e caminhos vetoriais são integralmente conservados. Exceção: se seu logotipo utiliza texto não convertido em caminhos, o aspecto pode mudar após a remoção das fontes.
P: Qual é o tamanho máximo para um logotipo BIMI?
R: O perfil Tiny-PS impõe 32 KB para o arquivo SVG final. A ferramenta verifica este limite após a conversão. Em entrada, os arquivos até 256 KB são aceitos, a limpeza dos elementos proibidos reduz frequentemente o tamanho de forma significativa.
P: O viewBox deve ser quadrado?
R: Sim, o BIMI recomenda um viewBox quadrado (largura igual à altura). A ferramenta deteta um viewBox não quadrado e emite um aviso. Ajuste seu logotipo no seu editor gráfico antes de relançar a conversão.
P: O que acontece se meu SVG contiver fontes?
R: Os elementos font, font-face e as regras @font-face nas tags style são removidos automaticamente. Para conservar o aspecto do texto, converta-o em caminhos vetoriais (outlines) no seu editor antes de utilizar o conversor.
P: Meu arquivo convertido é garantido conforme BIMI?
R: A ferramenta efetua uma validação completa após a conversão e assinala qualquer problema residual. Se o relatório apresentar um estado verde sem erros, seu arquivo é conforme Tiny-PS. Teste também com o verificador de logotipo BIMI para validar a hospedagem e a entrega HTTP.
Workflow completo após conversão
- Hospede o arquivo SVG Tiny-PS em seu CDN via HTTPS
- Crie o registro DNS BIMI com o gerador BIMI
- Verifique a entrega com o verificador de logotipo BIMI
- Valide sua política DMARC com o inspetor DMARC
Ferramentas complementares
| Ferramenta | Utilidade |
|---|---|
| Verificador de logotipo BIMI | Valide a conformidade Tiny-PS e a entrega HTTP do seu logotipo hospedado |
| Inspetor BIMI | Verifique seu registro DNS BIMI |
| Gerador BIMI | Crie um registro BIMI válido para seu domínio |
| Parser VMC | Analise seu certificado de marca verificada |
| Inspetor DMARC | Valide a política DMARC (pré-requisito BIMI) |
Recursos úteis
- BIMI Group - Creating SVG Logo Files (guia oficial de criação de logotipos BIMI)
- SVG Tiny P/S Profile (especificação técnica do perfil)
- W3C - SVG Tiny 1.2 (especificação SVG Tiny de referência)
- BIMI Group - Solving SVG Issues (resolução de problemas SVG comuns)
- SVGO - Otimizador SVG (ferramenta de código aberto para reduzir o tamanho)
- RFC 9495 - BIMI (especificação BIMI completa)