Trabalhar com SVGs

Sobre SVGs

Os SVGs são um formato gráfico vetorial baseado em XML usado para exibir imagens. A diferença entre o formato de arquivo SVG e outros formatos de imagem, como PNG ou JPEG, é que o código do SVG pode ser facilmente lido e manipulado via CSS e Javascript, permitindo que um navegador da Web ou programa crie o gráfico em vez de apenas exibi-lo. Como os SVGs são baseados em vetores, eles são muito flexíveis, permitindo que você manipule o gráfico de maneiras que não podem ser feitas com outros formatos de imagem.

Usar SVGs para Web design

Os SVGs geralmente são considerados o melhor formato de arquivo para colocar ilustrações, ícones e logotipos na Web. Como os SVGs são muito flexíveis, eles podem ser redimensionados sem perder qualidade e com aparência nítida em todas as resoluções. Essa flexibilidade também permite que você mantenha os tamanhos de arquivo pequenos e facilita a edição para otimizar seus gráficos para diferentes layouts da Web.

Usar SVGs com máquinas de corte

Os SVGs são o tipo de arquivo preferido para uso em máquinas de corte como Cricut, Silhouette, Eclips, Brother e Cameo. Isso ocorre por vários motivos:

Eles contêm informações direcionais (ou demarcadores) que ajudam a guiar a máquina de corte na direção certa ao cortar a imagem.
As linhas nos arquivos SVG são muito precisas e não perderão a qualidade mesmo se você as redimensionar completamente.
Os SVGs podem ser facilmente editados a partir do próprio programa de corte.

Para preparar um arquivo SVG para exportação para a Web:

Verifique se o projeto está em uma área de pixels inteiros (por exemplo, sem pontos decimais) para manter a imagem nítida.
As configurações de exportação do SVG podem alterar automaticamente o DPI do arquivo para garantir um tamanho razoável. Para um arquivo que será visualizado em uma tela retina, é preferível um DPI de 144 ou superior.
Certifique-se de que Exportar texto como curvas para independência de fonte esteja marcado para garantir que seu arquivo seja exibido exatamente conforme o planejado.

Para preparar um arquivo SVG para exportação para um programa de corte:

Verifique se o documento está definido como 72 DPI.
O aplicativo da sua máquina de corte pode empurrar todas as camadas do documento para a borda do material durante o corte para evitar desperdício de material. Para adicionar preenchimento ao redor das bordas do documento, crie uma nova camada de retângulo abaixo das camadas da curva.
O aplicativo da sua máquina de corte pode pegar todas as camadas do documento e reordená-las antes do corte para evitar o desperdício de material. Se o seu projeto contiver várias camadas de curva mas você desejar manter o layout do documento, será necessário mesclar todas as camadas de curva separadas em uma única camada de curva. Você pode fazer isso selecionando cada uma das camadas da curva e indo para Camada>Geometria>Mesclar curvas.
Recomendamos que você exporte para SVG usando as configurações padrão.

Sobre SVGs

Usar SVGs para Web design

Usar SVGs com máquinas de corte

CONSULTE TAMBÉM: