Guia de exportação do Inkscape: SVG, PNG e PDF para entrega

Suponha que tem uma ilustração de produto com texto editável e uma fotografia inserida. Um programador quer um PNG para a Web. Outra pessoa pede um PDF para descarregar. A pergunta útil é o que cada pessoa precisa de receber, incluindo o que deve continuar editável.

Comece por aí. Uma definição de DPI preferida não responde a uma questão de entrega. Conserve o SVG original, acorde os requisitos de entrega e depois crie as cópias. Este guia segue os conceitos documentados no Guia de Iniciação ao Inkscape; os rótulos da interface podem variar consoante a versão. A ilustração é hipotética e as verificações abaixo são propostas. Não foram realizadas exportações para este artigo.

Escolha um original editável e o formato de entrega adequado

Conserve um SVG original do Inkscape

Guarde um SVG do Inkscape antes de criar cópias para entrega. O guia sobre como guardar ficheiros distingue o SVG do Inkscape, que conserva dados específicos do editor, do SVG simples, destinado à partilha com outros utilizadores de SVG. O SVG simples continua a ser SVG. Escolhê-lo não transforma o desenho numa imagem rasterizada nem promete funcionalidades de edição idênticas noutra aplicação.

Use o original para futuras correções. Dê nomes distintos aos ficheiros de entrega para que um pedido de alteração de um rótulo conduza aos objetos editáveis. Ninguém deve ter de adivinhar qual é o ficheiro que contém o original. Mantenha também cópias de segurança separadas; guardar frequentemente, por si só, não é um plano de recuperação.

Use uma tabela de decisão sobre formatos antes de exportar

Pergunte o que o destinatário vai fazer com o ficheiro. Use essa resposta para escolher o formato.

A especificação PNG define um formato de imagem rasterizada, não um desenho editável do Inkscape. Um PDF pode conter tanto conteúdo vetorial como imagens rasterizadas. O guia sobre PDF alerta para o risco de conservar apenas um PDF, porque SVG e PDF suportam funcionalidades diferentes.

Considere esta tabela como um ponto de partida para a decisão. A otimização para a Web e a acessibilidade exigem verificações próprias, tal como a adequação à impressão e a compatibilidade com as ferramentas do destinatário.

Escolha a área de exportação do PNG antes de alterar a resolução

Página, Desenho, Seleção ou Personalizada?

Defina primeiro o retângulo. A documentação de exportação para PNG descreve as seguintes opções, embora a sua instalação possa organizar ou identificar os controlos de outra forma.

Na ilustração hipotética, imagine um pequeno ícone ao lado de um título, com margens de página generosas. A página faz sentido para a composição completa. Para entregar apenas o ícone, inspecione uma área baseada na respetiva seleção. Usar o mesmo retângulo para ambos os pedidos precisaria de uma justificação.

Se o destinatário quiser espaço em branco à volta da ilustração, acorde isso explicitamente. Os limites do desenho não têm de coincidir com os da página, e nenhum dos dois define automaticamente o retângulo de entrega. Aumentar a resolução não resolve essa decisão. O método documentado de redimensionamento da página altera o próprio tamanho da página, por isso use-o apenas quando for essa a alteração pretendida.

Distinga os limites de exportação dos recortes e das máscaras

Neste contexto, a seleção define uma área. Não presuma que também oculta todos os objetos não selecionados que se sobrepõem. Verifique as opções de isolamento de objetos da versão instalada antes de depender desse comportamento.

O guia sobre recortes e máscaras descreve os recortes como uma forma de ocultar partes de um objeto, enquanto as máscaras afetam a opacidade. Nenhuma das operações deve ser tratada como eliminação ou remoção de conteúdo sensível do original editável. Se partilhar esse original, reveja o seu conteúdo separadamente do recorte visível.

Defina deliberadamente as dimensões em píxeis e o fundo do PNG

Comece pela largura e altura exigidas pelo destino

Obtenha as dimensões em píxeis e a proporção exigidas pelo destino. Um componente de um sítio Web pode precisar de uma composição diferente da de uma ilustração para um documento. Se esses requisitos não existirem, peça-os antes de escolher um valor de DPI.

No painel de exportação documentado, o tamanho da imagem em píxeis e a resolução estão relacionados: alterar um adapta os outros valores. Para um PNG destinado à Web, use a largura e a altura finais exigidas como critério de aceitação. Exportar uma imagem maior não demonstra que uma fotografia inserida ganhou detalhe na origem.

Diagnostique cada divergência separadamente. Uma contagem de píxeis correta nada diz sobre se o recorte inclui o rótulo pretendido. Depois de acertar o retângulo, verifique as dimensões. Reveja o fundo separadamente em vez de alterar várias definições na esperança de que alguma resolva o problema.

Se a proporção pedida não se adequar à ilustração, acorde um recorte ou reveja a disposição. Não remova um rótulo nem estique a composição sem avisar. Registe o retângulo e as dimensões acordados na nota de entrega; a próxima revisão não deverá ter de voltar à mesma decisão.

Verifique separadamente os fundos transparentes e opacos

O mesmo guia sobre PNG explica os fundos transparentes e documenta os controlos do canal alfa do fundo para obter uma cor opaca. Encontre os controlos equivalentes na sua versão em vez de seguir a posição dos elementos numa captura de ecrã antiga.

A transparência é adequada para ilustrações destinadas a ser colocadas sobre outro fundo. Um fundo opaco é adequado para uma composição em que essa cor faz parte da imagem entregue. Escolha de forma consciente. Uma alteração do fundo não corrige um recorte errado.

Volte a abrir o PNG exportado e inspecione as dimensões indicadas. Verifique os contornos sobre fundos contrastantes e depois pré-visualize-o no tamanho pretendido no destino. Estas são verificações a realizar por si, não resultados obtidos para este guia.

Se esta ilustração também se destinar a um vídeo de produto com legendas, reveja os elementos gráficos separadamente das legendas. O guia de exportação de legendas do Remotion aborda essa decisão relacionada com a temporização e a saída; não explica as definições do Inkscape.

Verifique as imagens ligadas antes de entregar um SVG

Escolha deliberadamente entre imagens rasterizadas ligadas ou incorporadas

A fotografia introduz uma dependência na entrega hipotética. Como explica o guia de importação de imagens, as imagens rasterizadas ligadas dependem da disponibilidade contínua de ficheiros externos. Partilhar o SVG sem esses ficheiros pode quebrar essa ligação.

A incorporação coloca os dados da imagem rasterizada dentro do SVG, aumentando o seu tamanho. Isso resolve a dependência da imagem. Não converte píxeis em caminhos vetoriais, e os tipos de letra continuam a precisar de atenção. As permissões de utilização são uma questão separada, independentemente de como a imagem é armazenada.

Reveja uma cópia sem perturbar os recursos originais

Crie uma cópia separada do conjunto de ficheiros a entregar e inspecione-a. Mantenha os recursos originais no seu lugar; eliminá-los ou mudar-lhes o nome é uma forma desnecessária de testar ligações quebradas. Sempre que possível, peça ao destinatário para abrir a cópia no visualizador ou editor de destino efetivo.

Seja preciso sobre o que isto demonstra. As regras de ligação do SVG permitem recursos externos, pelo que um SVG copiado e aberto no mesmo computador pode continuar a encontrar os ficheiros ligados originais. Por isso, movê-lo para outra pasta não demonstra que o conjunto de ficheiros é independente. É preferível uma revisão no ambiente do destinatário; se não for possível, assinale a portabilidade como não verificada.

Registe o ambiente em que fez a verificação e quaisquer dependências restantes. Uma abertura bem-sucedida nesse ambiente é uma evidência útil, mas não pode prometer portabilidade em todo o lado. Inclua os requisitos de tipos de letra e as permissões das imagens na nota de entrega em vez de descrever um SVG com imagens incorporadas como totalmente autónomo.

Crie uma cópia em PDF tendo em conta as opções de tipos de letra e filtros

Conserve o SVG e escolha como tratar o texto

O guia de exportação para PDF descreve Guardar uma cópia como uma forma de criar um PDF mantendo o SVG. Trata-se do nome de um controlo documentado, não de um procedimento verificado na versão mais recente.

Para texto pesquisável, o guia sobre PDF descreve a incorporação de tipos de letra quando a licença o permite. Converter letras decorativas em caminhos é outra opção, mas altera a capacidade de edição e de pesquisa. Escolha de acordo com as necessidades do destinatário e conserve o original editável. Nenhuma das opções, por si só, garante a acessibilidade do PDF.

Reveja as áreas com filtros e os requisitos do destinatário

O guia sobre PDF descreve a rasterização de objetos ou áreas com filtros para preservar o seu aspeto. A definição de resolução aplica-se a essas áreas rasterizadas. Não melhora toda a geometria vetorial do documento.

Abra o PDF no visualizador pretendido e compare-o com o original. Comece pelos limites da página e pelo texto, depois inspecione as imagens inseridas e os efeitos de filtros. Registe as diferenças face aos requisitos de entrega. Guardar com êxito não equivale a aprovação, e esta comparação não foi realizada para a ilustração hipotética.

Para impressão profissional, obtenha os requisitos da gráfica e considere um fluxo de trabalho de edição eletrónica adequado. Este guia não comprova o tratamento de CMYK, a conformidade com PDF/X nem a preparação para impressão profissional. As opções de versão de PDF da documentação mais antiga também não devem ser interpretadas como uma lista exaustiva do suporte atual.

O fluxo de trabalho Do original à entrega: uma ilustração, versões derivadas verificadas

Defina a entrega e conserve o original

Do original à entrega é o nome da lista de verificação usada aqui: Conservar, Especificar, Exportar e Reabrir. É uma estrutura editorial, não uma funcionalidade do Inkscape nem uma norma externa. Não foi testada como processo da Optijara.

Para a ilustração hipotética, conserve o SVG editável com a respetiva fotografia. Registe os requisitos de PNG do destinatário da versão para a Web, incluindo se também é necessário um PDF. Cada ramo abaixo parte desse mesmo original.

Use esta lista de verificação para manter as decisões visíveis enquanto prepara as cópias.

Exporte, reabra e reúna os ficheiros a entregar

Para o PNG, defina a área antes de configurar os píxeis exigidos pelo destino. Escolha o fundo explicitamente. Para o PDF opcional, crie uma cópia e reveja o tratamento do texto juntamente com as áreas com filtros. Conserve o SVG mesmo que as versões derivadas pareçam convincentes.

Uma nota de entrega regista a intenção. O JSON ilustrativo abaixo usa identificadores, não instruções nem configurações de exportação, e não constitui um comprovativo de aprovação. Registe na nota as dimensões efetivamente exigidas e os restantes detalhes da entrega. Acrescente observações apenas depois de inspecionar os ficheiros.

{
  "workflow": "master-to-delivery",
  "stages": [
    "preserve",
    "specify",
    "export",
    "reopen"
  ],
  "master": "inkscape-svg",
  "deliverables": [
    "web-png",
    "optional-pdf"
  ],
  "requirements": [
    "bounds",
    "dimensions",
    "background",
    "dependencies"
  ],
  "review_status": "proposed-unexecuted"
}

Use este plano de medição para conservar evidências dessas inspeções. Uma verificação não realizada continua por realizar.

Reúna apenas os ficheiros pretendidos. Se forem usadas imagens geradas por IA, conserve os registos de origem separadamente; o guia de proveniência de conteúdo visual aborda essa questão de evidência. As verificações propostas acima não contêm resultados de exportação medidos.

Erros comuns de exportação e limites deste guia

Corrija a decisão inadequada, não uma definição sem relação com o problema

O hábito de exportação mais útil é deixar de tratar a resolução como uma solução universal. Para o ícone hipotético, um recorte errado exige verificar a área. Uma transparência inesperada exige rever o fundo. Nenhum dos sintomas justifica começar por alterar os DPI.

Uma fotografia em falta num SVG partilhado aponta para os recursos ligados. Letras ou efeitos alterados num PDF exigem rever as opções de tipos de letra e filtros. Siga o sintoma até à decisão relevante e depois inspecione o novo resultado.

Conserve também o original. Manter apenas uma versão derivada transforma a próxima edição num problema diferente. Outros erros evitáveis incluem tratar o SVG simples como uma conversão para imagem rasterizada ou presumir que as imagens incorporadas também incluem os tipos de letra. O original e a nota de dependências mantêm essas distinções claras no momento da entrega.

Saiba o que ainda precisa de ser testado na aplicação e pelo destinatário

O Guia de Iniciação citado identifica a revisão 67a2710. Sustenta os conceitos usados aqui sem comprovar que todos os menus ou opções de formato atuais permanecem inalterados. Não foi realizada qualquer instalação do Inkscape, abertura da aplicação, exportação, teste de tipos de letra ou teste de apresentação no ambiente do destinatário para este artigo.

Uma revisão visual também tem limites. A apresentação específica no ambiente do destinatário precisa de ser verificada nesse ambiente. A acessibilidade e a impressão profissional exigem avaliações separadas, tal como a remoção de conteúdo sensível. Termine a entrega com um registo do que foi inspecionado e do que continua por resolver. Deixe claro a que ficheiro o destinatário deve voltar para futuras edições.