Porque converter o seu SVG para o formato BIMI Tiny-PS?
O BIMI exibe o logótipo da sua marca no Gmail, Yahoo e Apple Mail, diretamente junto dos seus emails. Mas os fornecedores de e-mail não aceitam qualquer SVG: o ficheiro 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 logótipo.
A Verizon Media, na altura proprietária do Yahoo Mail, mediu no piloto BIMI um aumento médio de 10% na taxa de abertura (BIMI Group, fevereiro de 2020).
Casos de uso comuns:
- Novo deployment BIMI → Converta o seu logótipo existente antes de publicar o registo DNS
- Logótipo rejeitado pelo Gmail → Identifique e remova os elementos proibidos automaticamente
- Atualização de marca → Converta o novo logótipo e verifique a sua conformidade antes de colocar em produção
Como converter o seu SVG em 3 passos
Passo 1: Importar o seu SVG
Duas opções:
- Arrastar e soltar: Arraste o seu ficheiro
.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 ficheiros até 256 KB. Se o seu SVG ultrapassar este limite, otimize-o primeiro com SVGO.
Passo 2: Iniciar a conversão
Opcionalmente, indique o título do logótipo (ex: "Acme Corp"). Este título é exigido pelo Tiny-PS; se não o fornecer, será utilizado "Untitled Logo" por predefiniçã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: Descarregar 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)
Descarregue o ficheiro SVG Tiny-PS conforme e aloje-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 logótipos exibidos nos emails não possam executar código ou carregar recursos externos.
Diferenças-chave com um SVG padrão:
| Aspeto | 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 estiver em falta |
| Namespace | Adiciona xmlns se estiver em falta |
| 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 estiver em falta |
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 logótipo 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 ficheiro no conversor. Os scripts, metadados e processing instructions são removidos automaticamente. O ficheiro passa de 45 KB para 12 KB.
Caso 2: Logótipo Figma com texto não convertido
Sintoma: O logótipo 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 aspeto.
Ação: No Figma, selecione o texto e utilize "Outline Stroke" para converter em caminhos vetoriais. Reexporte e volte a converter.
Caso 3: Logótipo conforme mas demasiado pesado
Sintoma: A conversão é bem-sucedida mas o diagnóstico assinala SVG_TOO_LARGE.
Diagnóstico: O ficheiro 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 ficheiro 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 ficheiro
- 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 | Ficheiro → Exportar → SVG (Perfil: SVG Tiny 1.2) |
| Figma | Exportar SVG → Outline text → Flatten selection |
| Inkscape | Guardar 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 o 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 logótipos 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 logótipo.
P: A ferramenta modifica a aparência do meu logótipo?
R: Não, a ferramenta apenas modifica os elementos não visuais: scripts, metadados, fontes, animações. As formas, cores, gradientes e caminhos vetoriais são integralmente conservados. Exceção: se o seu logótipo utiliza texto não convertido em caminhos, o aspeto pode mudar após a remoção das fontes.
P: Qual é o tamanho máximo para um logótipo BIMI?
R: O perfil Tiny-PS impõe 32 KB para o ficheiro SVG final. A ferramenta verifica este limite após a conversão. Em entrada, os ficheiros até 256 KB são aceites, 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 o seu logótipo no seu editor gráfico antes de relançar a conversão.
P: O que acontece se o 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 aspeto do texto, converta-o em caminhos vetoriais (outlines) no seu editor antes de utilizar o conversor.
P: O meu ficheiro 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, o seu ficheiro é conforme Tiny-PS. Teste também com o verificador de logótipo BIMI para validar o alojamento e a entrega HTTP.
Workflow completo após conversão
- Aloje o ficheiro SVG Tiny-PS no seu CDN via HTTPS
- Crie o registo DNS BIMI com o gerador BIMI
- Verifique a entrega com o verificador de logótipo BIMI
- Valide a sua política DMARC com o inspetor DMARC
Ferramentas complementares
| Ferramenta | Utilidade |
|---|---|
| Verificador de logótipo BIMI | Valide a conformidade Tiny-PS e a entrega HTTP do seu logótipo alojado |
| Inspetor BIMI | Verifique o seu registo DNS BIMI |
| Gerador BIMI | Crie um registo BIMI válido para o seu domínio |
| Parser VMC | Analise o seu certificado de marca verificada |
| Inspetor DMARC | Valide a política DMARC (pré-requisito BIMI) |
| Alojamento BIMI | Alojar o seu logótipo SVG e certificado VMC/CMC gratuitamente |
Recursos úteis
- Logo BIMI que não aparece: 5 erros comuns - Guia de solução de problemas para diagnosticar problemas de exibição BIMI
- BIMI Group - Creating SVG Logo Files (guia oficial de criação de logótipos 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)
- Internet-Draft BIMI (especificação BIMI completa)