Cansado de imagens difusas? Gráficos vetoriais escaláveis (SVG) são um formato de arquivo baseado em XML que usa linhas e pontos para exibir um gráfico. Ao contrário dos formatos de imagem baseados em pixels, como PNG e JPG, o SVG não tem uma resolução definida e permanece nítido quando ampliado ou reduzido em qualquer tamanho de tela. Continue lendo para obter detalhes.

• Benefícios dos SVGs
• Adicionar SVGs
• Formatar SVGs
• Torne os SVGs acessíveis
• Perguntas Frequentes

Benefícios dos SVGs

Os SVGs não perdem qualidade quando redimensionados ou ampliados, enquanto os PNGs e JPGs parecem borrados ou pixelizados. Isso elimina as suposições sobre a qualidade da imagem em vários navegadores e dispositivos. As imagens SVG têm a mesma aparência em sua saída publicada e durante a criação de conteúdo. O que você vê é o que você obtém!

Outro bônus é que os SVGs são muito menores em tamanho. Arquivos grandes contribuem para cursos com carregamento lento. Os SVGs reduzem o tamanho do arquivo do seu projeto Storyline 360, tornando o carregamento do conteúdo mais rápido, mesmo em conexões de internet lentas.

Confira a imagem a seguir em três formatos diferentes. Neste exemplo, a imagem SVG tem metade do tamanho de suas contrapartes PNG e JPG.

Imagem PNG 8 KB	Imagem JPG 8 KB	Imagem SVG 4 KB

Adicionar SVGs

Você pode adicionar SVGs a slides, camadas e slides mestres. Na Exibição de Slides, use qualquer um dos seguintes métodos:

• Pressione Ctrl+J no teclado.
• Arraste a imagem SVG do seu computador e solte-a no slide do curso.
• Vá até a guia Inserir na faixa de opções, clique em Imagem e procure uma imagem SVG.

Na Exibição em Formulário, clique em Mídia na faixa de opções e escolha Imagem do Arquivo.

Formatar SVGs

Você pode organizar, agrupar, girar, alinhar, dimensionar ou posicionar SVGs. Selecione seu SVG e escolha qualquer uma das opções de formatação disponíveis na guia Formato na faixa de opções. (Saiba mais sobre as ferramentas de formatação.)

Observação: no Storyline 360, os SVGs se comportam como imagens padrão, com algumas exceções. Eles não podem ser usados como preenchimentos de imagens ou planos de fundo de slides, inseridos em marcadores ou adicionados a interações de 360°.

Torne os SVGs acessíveis

Aqui estão algumas dicas para tornar seus SVGs acessíveis:

• Verifique se o SVG atende às diretrizes de contraste de cores. Você pode usar esse verificador de contraste baseado na web ou baixar essa ferramenta de verificação de contraste para testar a taxa de contraste.
• Decida se seu SVG é decorativo ou informativo. Imagens puramente decorativas não precisam de texto alternativo (texto alternativo), mas você deve adicionar texto alternativo a um SVG que forneça informações aos alunos. Confira essas práticas recomendadas para escrever um bom texto alternativo.
• Se seu SVG tiver outros elementos focalizáveis, você pode pedir aos leitores de tela que naveguem e anunciem o SVG como uma única imagem. Veja como: Abra o arquivo XML SVG em um editor de texto, adicione o role="img" atributo dentro da tag <svg> inicial e, em seguida, salve e feche o arquivo XML SVG.

Perguntas Frequentes

Aqui estão as respostas para perguntas comuns sobre o uso de SVGs no Storyline 360:

Os SVGs são personalizáveis no Storyline 360?

Você pode organizar, agrupar, girar, alinhar, dimensionar e posicionar SVGs no Storyline 360. Use um editor de terceiros, como o Photoshop, para recolorir um SVG antes de importá-lo para o Storyline 360. Ou use a biblioteca de mídia para abri-la em um editor de terceiros e depois salve suas alterações diretamente no Storyline 360. Veja como.

Os SVGs animados são compatíveis com o Storyline 360?

Não, mas você sempre pode compartilhar seu interesse no suporte a SVG animado enviando uma solicitação de funcionalidade.

Ainda posso importar SVGs do PowerPoint para o Storyline 360?

As imagens SVG importadas do PowerPoint agora permanecem SVGs nos projetos do Storyline 360. Se você abrir um projeto antigo em que os SVGs do PowerPoint foram previamente convertidos em formas durante a importação, esses SVGs ainda serão exibidos como formas. Para ativar o suporte a SVG, reimporte os slides do PowerPoint para o seu projeto.

Observação: algumas formatações SVG, como recortes ou alterações de cores específicas, podem aparecer de forma diferente após a importação. Revise os slides importados e ajuste conforme necessário.