Gerador de letreiro SVG

x-init="restore()" >

Crie um banner simples de texto em movimento como SVG autônomo. A ferramenta o gera localmente no navegador, repete o texto duas vezes e o move da direita para a esquerda. Aceita apenas texto: não importa logotipos, imagens, fontes personalizadas nem fundos transparentes.

Criar um banner SVG de texto animado

  1. 1

    Escreva o texto

    Digite a mensagem que você quer deslocar. O SVG gerado a repete duas vezes.

  2. 2

    Defina a duração

    Escolha entre 3 e 40 segundos. O texto sempre se move da direita para a esquerda.

  3. 3

    Ajuste a área

    Escolha largura de 300 a 1.600 px, altura de 40 a 200 px e tamanho de fonte de 14 a 80 px.

  4. 4

    Escolha cores e exporte

    Escolha cores para texto e fundo, depois copie o código SVG ou baixe marquee.svg.

O que o SVG exportado contém

O download é um único arquivo SVG. Inclui texto em negrito com a pilha Inter, Arial, sans-serif, duas cópias contíguas do texto, um retângulo de fundo sólido e um elemento SVG <animate>. A animação desloca o texto da margem direita para a esquerda e se repete indefinidamente. O arquivo não contém JavaScript nem recursos externos.

Compatibilidade e limites

Visualizadores SVG e plataformas não tratam a animação da mesma forma. Um navegador pode animar o banner, enquanto um cliente de email, editor de documentos ou filtro de conteúdo pode mostrar texto estático, remover o SVG ou retirar a animação. Teste o arquivo no local onde vai usá-lo.

O editor tem movimento fixo da direita para a esquerda, pilha de fontes fixa em negrito e seletores de cores sólidas. Não coloca imagens ou logotipos, não escolhe família ou peso da fonte, não acrescenta metadados de acessibilidade nem garante uma repetição contínua para qualquer comprimento de texto.

Privacidade

O texto e as configurações são gerados localmente no navegador. Durante o editor de dois passos, ficam apenas no armazenamento de sessão desta aba; não são enviados aos nossos servidores nem colocados na URL. Use Recomeçar ou feche a aba para apagá-los.

Perguntas frequentes

Não. O arquivo contém um elemento de animação SVG, não JavaScript. A reprodução depende do visualizador ou da plataforma.

Não neste editor. O texto sempre se move da direita para a esquerda.

Não. A pré-visualização, a cópia e o download são criados no navegador. Apenas as configurações desta sessão ficam na aba entre os passos.

Ferramentas relacionadas

Ferramenta disponível em outros idiomas