Para diagnosticar um SVG do Affinity que parece borrado ou com preenchimento inesperado, isole uma curva afetada, compare as configurações de rasterização e, em seguida, inspecione o preenchimento e o modo de preenchimento. Esses testes ajudam a diferenciar as limitações da exportação das configurações do objeto e das diferenças no aplicativo de destino.

Este guia aborda a exportação de um desenho vetorial do aplicativo Affinity para desktop atual em um Mac e a verificação de sua aparência em um navegador ou outro aplicativo para desktop. Os caminhos dos menus seguem a Central de Ajuda atual do Affinity; versões mais antigas do Affinity Designer podem usar localizações diferentes nos menus.

Comece com uma curva e uma exportação controlada

Salve uma cópia de trabalho do documento do Affinity. Escolha uma curva que mostre claramente o problema e anote o resultado esperado: por exemplo, “um traço curvo azul sem preenchimento interno” ou “um anel preenchido com centro transparente”. Isso facilita avaliar cada teste sem alterar várias propriedades sem relação entre si.

Abra Arquivo > Exportar > Exportar, escolha SVG como formato do arquivo e confira as configurações à direita. Há controles adicionais em Avançado. Para um objeto isolado, escolha Área: Somente seleção; Área da seleção também inclui camadas sobrepostas. O Affinity documenta essas diferenças na ajuda da caixa de diálogo Exportar.

Exporte um arquivo de referência antes de alterar qualquer coisa. Abra-o no Safari e no aplicativo em que você percebeu o problema. Compare a mesma região em tamanhos de exibição semelhantes e, em seguida, amplie-a. Registre se o defeito aparece nos dois aplicativos, apenas no de destino ou já na pré-visualização de exportação do Affinity.

Use essa comparação como auxílio para o diagnóstico. A concordância entre dois visualizadores aumenta a confiança de que você está investigando o conteúdo exportado, mas, por si só, não identifica a causa. Uma diferença entre visualizadores delimita melhor a questão de compatibilidade que você precisa investigar.

Sintoma visível Primeiro teste O que o resultado ajuda a distinguir
Uma curva fica suave quando ampliada Compare as configurações de rasterização Conteúdo rasterizado versus geometria preservada
Um traço curvo ganha um interior sólido Inspecione o preenchimento do objeto selecionado Preenchimento indesejado versus aparência do traço
Um furo desaparece ou uma sobreposição fica preenchida Compare os modos de preenchimento Diferentes definições do interior da forma
Apenas um aplicativo de destino exibe o arquivo incorretamente Teste uma cópia simplificada Comportamento do destino versus problema geral de exportação

Por que um SVG pode conter curvas borradas?

A extensão SVG não significa que todos os objetos dentro do arquivo permaneçam como vetores escaláveis. O Affinity observa explicitamente que objetos rasterizados em arquivos SVG ainda perdem qualidade quando redimensionados. A documentação Trabalhar com SVGs também recomenda posicionar ilustrações para a Web em pixels inteiros para ajudar a mantê-las nítidas.

Primeiro, verifique se a suavidade afeta o desenho inteiro ou apenas um objeto decorado. Uma curva simples que permanece nítida ao lado de um objeto suave sugere uma investigação diferente daquela necessária quando todos os elementos do desenho ficam suaves. Use essa observação para decidir qual objeto isolar em seguida.

Compare as três opções de rasterização

As opções de Rasterizar no contrato de exportação SVG do Affinity são três: Nada não rasteriza nada durante a exportação e exclui elementos sem suporte; Propriedades sem suporte rasteriza elementos sem suporte; Tudo rasteriza todos os elementos. Portanto, Nada pode remover conteúdo em vez de preservar sua aparência como vetor. Consulte Configurações de exportação.

Faça exportações separadas usando Propriedades sem suporte e Nada, mantendo inalteradas a área e as demais configurações. Compare a curva afetada, sua decoração e qualquer conteúdo ausente. Use nomes de arquivo que indiquem a configuração alterada para que a comparação possa ser rastreada.

Se o conteúdo afetado desaparecer com Nada, esse resultado é compatível com o limite documentado para conteúdo sem suporte. Isso é um motivo para simplificar o objeto isolado e repetir o teste. Não comprova que todo o objeto original era compatível com vetores.

Se uma versão simples da curva for exportada corretamente, restaure o estilo alterando uma coisa de cada vez. Pare quando o sintoma voltar. Essa sequência identifica uma combinação reproduzível menor, sem presumir que todo efeito, pincel ou disposição de objetos terá o mesmo comportamento na exportação.

Escolha entre preservar a aparência e preservar a geometria

Para conteúdo rasterizado mantido, DPI da rasterização controla a resolução dos efeitos rasterizados; Reduzir resolução das imagens pode diminuir a resolução raster. Permitir compactação JPEG e sua configuração de Qualidade afetam o conteúdo rasterizado. Usar padrões de ladrilho pode envolver uma área rasterizada em uma forma vetorial preenchida por bitmap, com suporte limitado em alguns aplicativos. Esses itens estão documentados em Configurações de exportação.

Para uma exportação de diagnóstico, desative a redução de resolução e a compactação JPEG e compare o mesmo objeto novamente. Se você mantiver uma aparência rasterizada, avalie-a no tamanho final previsto. Aumentar a resolução raster não recria uma curva editável; isso afeta a parte raster do resultado.

Para uma saída que precise manter geometria escalável, simplifique ou reconstrua a aparência problemática com objetos vetoriais e repita a exportação isolada. O objetivo útil é obter uma exportação que contenha a ilustração desejada e se comporte corretamente quando ampliada. Um arquivo com decoração ausente não alcançou esse objetivo só porque as curvas restantes estão nítidas.

Por que uma curva aberta adquire um preenchimento inesperado?

Uma curva pode ter tanto um traço quanto um preenchimento. O SVG preenche subcaminhos abertos como se um segmento de fechamento conectasse suas extremidades. Isso pode produzir uma cunha ou um interior amplo, mesmo quando o traço visível continua aberto. O SVG também define o preto como valor inicial do preenchimento, que é herdado. Esses comportamentos estão especificados em SVG 1.1: Pintura.

Selecione a curva afetada e abra Janela > Geral > Cor. Ative o seletor Preenchimento e escolha a amostra Nenhum se a ilustração desejada for um traço sem interior. Confira se você alterou Preenchimento, e não Traçado. A documentação atual do painel Cor identifica os seletores separados e a amostra Nenhum.

Exporte novamente a curva isolada. Se o interior desaparecer, confira individualmente os outros objetos afetados antes de exportar o desenho completo. Evite aplicar Nenhum a todos os objetos, a menos que o desenho inteiro deva conter apenas traços.

Considere um arco aberto como exemplo: o traço vai de uma extremidade à outra, enquanto um preenchimento pode ocupar a região entre o arco e uma borda reta de fechamento implícita. Remover o preenchimento trata diretamente desse interior. Fechar a curva altera sua geometria e pode introduzir uma borda indesejada no traço.

Se o SVG independente parecer correto no Safari, mas ganhar um preenchimento depois de ser importado por outro aplicativo, repita o teste com uma curva aberta simples cujo preenchimento esteja explicitamente definido como Nenhum. Isso fornece uma comparação específica para o aplicativo de destino. Não conclua, apenas pela presença de uma região preta, que o Affinity necessariamente exportou uma pintura preta.

Por que os furos e as regiões sobrepostas mudam?

Uma região preenchida dentro de uma curva complexa traz uma questão diferente de um preenchimento indesejado em um traço aberto simples. O Affinity oferece os modos de preenchimento Alternado e Regra do não zero para determinar quais regiões contam como interior de uma curva que se autointersecta. O comando atual é Vetor > Modo de preenchimento, com o objeto selecionado. Consulte Modos de preenchimento.

Alternado usa uma contagem par ou ímpar de cruzamentos. Regra do não zero usa uma contagem com sinal que leva em conta a direção do caminho. Na terminologia SVG, correspondem a evenodd e nonzero. A diferença importa em autointerseções e subcaminhos aninhados, conforme explicado na ajuda sobre modos de preenchimento do Affinity e na especificação da regra de preenchimento SVG.

Em uma cópia do objeto afetado, compare os dois modos. Inspecione todos os furos e sobreposições pretendidos antes de escolher um. Se precisar investigar a direção, o Affinity documenta Mostrar orientação da curva em Configurações, na barra de contexto da Ferramenta Caneta ou da Ferramenta Nó. Isso revela informações relevantes para o comportamento da Regra do não zero. Consulte Modos de preenchimento.

Como exemplo de contornos aninhados, Alternado pode deixar uma região interna sem preenchimento porque um raio cruza duas bordas. Com Regra do não zero, o resultado depende das direções dessas bordas. Alternar entre os modos pode restaurar um furo e, ao mesmo tempo, alterar outra sobreposição; por isso, avalie o objeto inteiro, e não apenas uma área.

Se nenhum dos modos produzir a forma desejada, volte à construção da curva. Torne explícitas na sua cópia de trabalho as regiões que devem ser preenchidas e as aberturas pretendidas e, em seguida, exporte novamente. O modo de preenchimento é uma regra para interpretar a geometria; ele não consegue representar um conjunto arbitrário de regiões preenchidas e vazias escolhidas de forma independente.

Quando expandir um traço ou achatar transformações?

Use Expandir traço quando um problema reproduzível estiver relacionado à interpretação de um traço vetorial. O Affinity documenta a seleção do objeto com a Ferramenta Mover ou a Ferramenta Nó e, em seguida, a escolha de Vetor > Expandir traço. O comando transforma os limites do traço em curvas fechadas e é documentado especificamente para preparar traços antes da exportação SVG. Consulte Expandir traço.

Mantenha o original editável e teste uma cópia expandida. Compare as extremidades, junções, espessura e eventuais espaços fechados antes de exportar. A expansão altera a estrutura do objeto; portanto, um teste bem-sucedido deve preservar a aparência desejada e também eliminar o problema no aplicativo de destino.

Há duas limitações documentadas: um traço expandido perde a possibilidade de edição com a ferramenta original, e traços feitos com pincéis baseados em pixels não podem ser expandidos porque são rasterizados. Portanto, a expansão oferece um caminho compatível para traços vetoriais, sem oferecer uma conversão geral de bitmap para vetor. Consulte Expandir traço.

Para uma incompatibilidade envolvendo objetos transformados, teste Achatar transformações separadamente. O Affinity diz que essa opção fixa os objetos transformados no arquivo exportado para melhorar a precisão da exibição entre aplicativos. É um teste de compatibilidade com finalidade específica, não uma correção universal para desfoque ou preenchimentos. Consulte Configurações de exportação.

Verifique o desenho completo antes de manter a correção

Depois que o objeto isolado for exportado corretamente, repita a exportação com o documento ou a prancheta completa pretendida. Confira no tamanho de exibição real e ampliado, tanto no Safari quanto no aplicativo de destino. Verifique a curva que antes ficava borrada, os traços abertos, os furos transparentes, as sobreposições e a ilustração ao redor.

Mantenha um breve registro da alteração que resolveu o sintoma: remover um preenchimento indesejado, escolher o modo de preenchimento adequado, simplificar uma aparência sem suporte, manter uma parte raster na resolução apropriada, expandir um traço vetorial ou achatar transformações. Isso torna o resultado reproduzível sem transformar uma configuração bem-sucedida em regra para todos os desenhos.

O SVG final deve preservar a ilustração desejada, e qualquer conteúdo rasterizado mantido deve ser compreendido e aceitável no tamanho necessário. Mantenha a fonte editável do Affinity junto da exportação verificada para que alterações posteriores possam partir das curvas originais.

Fontes