Ferramentas SVG

Fundos SVG

Crie fundos SVG com cores, gradientes e padrões repetidos, escolha as dimensões e descarregue o resultado.

O conteúdo SVG é processado apenas no seu navegador e não é enviado para um servidor.

Sobre esta ferramenta

O Gerador de fundos SVG ajuda a criar fundos simples para capas, cartões e apresentações. Escolha o tipo de fundo e ajuste as cores, as dimensões e a densidade do padrão para obter um SVG independente, sem precisar de uma imagem inicial.

Como utilizar

  1. Escolha uma cor sólida, um gradiente linear ou radial, ou um padrão repetido.
  2. Defina a largura e altura da área de desenho ou escolha um tamanho habitual.
  3. Ajuste as cores, a direção do gradiente ou os parâmetros do padrão e confira a pré-visualização.
  4. Copie o SVG ou descarregue background.svg. Para obter PNG, utilize a ferramenta SVG → PNG indicada abaixo.

Funcionalidades

  • Inclui cor sólida, gradientes lineares e radiais de duas cores e padrões de pontos, grelha e riscas.
  • Ajuste dimensões e cores, bem como ângulo, centro, raio ou espaçamento consoante o modo escolhido.
  • O resultado é um SVG completo e independente, cujo fundo vetorial permanece nítido quando ampliado.

Escolher o fundo e as dimensões

  • Experimente 1920 × 1080 para fundos horizontais, 1200 × 630 para capas ou 1080 × 1080 para imagens quadradas. Também pode introduzir dimensões personalizadas.
  • Os gradientes criam transições suaves entre cores. Os padrões repetem-se a intervalos regulares para produzir texturas uniformes.
  • Esta ferramenta descarrega SVG. Se precisar de dimensões fixas em píxeis ou se a aplicação não aceitar SVG, converta o ficheiro com SVG → PNG ou SVG → JPG.

Segurança dos ficheiros SVG

A pré-visualização utiliza uma cópia estática filtrada: não executa scripts, eventos de clique ou animações, nem carrega imagens, tipos de letra ou estilos externos. Referências externas, páginas incorporadas e conteúdo não suportado são removidos, pelo que a imagem pode diferir do original. Documentos com DOCTYPE ou entidades personalizadas não são suportados.

O ficheiro SVG ou código UTF-8 pode ter até 2 MiB, 20000 nós (incluindo elementos e texto) e 96 níveis de profundidade. Se o conteúdo for demasiado grande ou complexo, simplifique primeiro o ficheiro.

Privacidade

O conteúdo SVG é processado apenas no seu navegador e não é enviado para um servidor.

A ferramenta não guarda automaticamente o conteúdo nem os resultados. Descarregue o que pretende conservar antes de limpar ou sair da página e mantenha uma cópia do original.

Perguntas frequentes

Porque é que um fundo SVG geralmente não fica desfocado ao ampliar?

As cores sólidas, os gradientes e os padrões são descritos como vetores. O navegador redesenha-os para cada tamanho, em vez de ampliar um conjunto fixo de píxeis.

O que é um gradiente SVG?

Descreve uma transição entre cores. Num gradiente linear, as cores mudam numa direção; num gradiente radial, mudam do centro para o exterior.

O que é um padrão SVG?

É um pequeno desenho repetido, como pontos ou uma grelha. O espaçamento e as dimensões permitem tornar o fundo mais denso ou mais espaçado.

Como converto o fundo SVG em PNG?

Descarregue o SVG gerado, abra SVG → PNG nas ferramentas relacionadas, selecione o ficheiro e escolha as dimensões de exportação.

Voltar ao diretório de ferramentas para programadores