Porquê criar um ficheiro SVG?
SVG (Scalable Vector Graphics) é o formato de ficheiro ideal para logótipos e ícones em websites. É leve, escalável e suportado por todos os browsers modernos. Neste guia aprenderá a criar um ficheiro SVG do seu logótipo.
O que é um ficheiro SVG?
SVG significa Scalable Vector Graphics e é um formato vetorial aberto baseado em código XML. Ao contrário de ficheiros JPG ou PNG, um SVG descreve formas com fórmulas matemáticas em vez de píxeis. Por isso, um SVG mantém-se sempre nítido, independentemente do tamanho do ecrã ou do nível de zoom. Os ficheiros SVG são além disso muito pequenos e de carregamento rápido, o que é benéfico para a velocidade do seu website.
Criar ficheiro SVG em 3 passos
Passo 1: Crie o design num programa vetorial
Abra o Adobe Illustrator, Inkscape (gratuito) ou outro programa vetorial. Crie o seu design com ferramentas vetoriais como a ferramenta Caneta e Formas. Não use efeitos raster ou imagens de píxeis incorporadas, pois estas não são apresentadas corretamente em SVG.
Passo 2: Otimize para exportação SVG
Converta todo o texto em contornos para que os tipos de letra não sejam necessários na visualização. Simplifique caminhos complexos onde possível. Remova camadas ocultas e elementos não utilizados. Certifique-se de que o artboard está justo à volta do design, sem espaço em branco desnecessário.
Passo 3: Exporte como SVG
Vá a Ficheiro > Exportar > Exportar como e escolha SVG como formato. No Illustrator pode escolher entre SVG e SVG Tiny; escolha SVG padrão. Defina as casas decimais para 2 para um bom equilíbrio entre tamanho do ficheiro e precisão. No Inkscape vá a Ficheiro > Guardar como e escolha 'SVG Otimizado'.
Vantagens dos ficheiros SVG
Perfeito para websites
Os ficheiros SVG são leves e carregam extremamente rápido. Escalam com qualquer ecrã, do smartphone ao monitor 4K, sendo ideais para web design responsivo. Além disso, pode animar e estilizar SVGs com CSS.
Sempre nítido em qualquer tamanho
Quer o seu logótipo seja apresentado num ícone pequeno ou num ecrã grande, um SVG mantém-se sempre perfeitamente nítido. Não há perda de qualidade ao ampliar, ao contrário de ficheiros JPG ou PNG.
Pesquisável e acessível
O SVG é baseado em código XML, tornando o conteúdo legível para motores de busca. Isto pode contribuir para melhor SEO. Além disso, pode adicionar descrições aos elementos SVG para leitores de ecrã, melhorando a acessibilidade.
Perguntas frequentes sobre ficheiros SVG
Posso converter um JPG ou PNG para SVG?
Não diretamente ao renomear o ficheiro. É necessário redesenhar a imagem num programa vetorial, manualmente ou com Image Trace. Para um resultado profissional recomendamos que o faça pela Logo in Vector.
O SVG é adequado para impressão?
O SVG destina-se principalmente ao uso digital e websites. Para impressão, formatos como AI, EPS ou PDF com perfil de cor CMYK são mais adequados. A Logo in Vector entrega o seu logótipo em todos os formatos que precisa.
Posso editar um ficheiro SVG?
Sim, os ficheiros SVG são totalmente editáveis. Pode abri-los no Illustrator, Inkscape ou até num editor de texto porque é código XML. Cores, formas e dimensões são facilmente ajustáveis.
Comece hoje com SVG
Um ficheiro SVG é indispensável para uma presença online profissional. Garante um logótipo nítido em qualquer dispositivo e contribui para um website mais rápido. Não tem um programa vetorial ou quer um resultado perfeito? Deixe a Logo in Vector criar um ficheiro SVG nítido do seu logótipo.