Pular para o conteúdo

Converter HTML para SVG

Transforme um trecho de HTML e CSS em imagem.

Carregando…

Cole HTML e CSS — um cartão, um selo, uma citação, uma tabela estilizada — e veja na hora como imagem SVG. A altura acompanha o conteúdo, o fundo pode ficar transparente e você baixa o SVG ou um PNG nítido com o dobro ou o triplo do tamanho. Scripts e recursos externos são removidos, então a imagem é independente.

Como converter HTML para SVG

  1. Etapa 1

    Cole seu HTML e CSS.

  2. Etapa 2

    Defina a largura e o fundo.

  3. Etapa 3

    Baixe o SVG ou o PNG.

Por que usar o PhotoTools

CSS de verdade

Gradientes, sombras, fontes e layouts como o navegador desenha.

SVG e PNG

Um arquivo vetorial ou uma imagem nítida de até 3×.

Seguro e privado

Sem scripts, nada é enviado.

Formatos compatíveis

Entrada

  • HTML
  • CSS

Saída

  • SVG
  • PNG

Perguntas frequentes

Por que minhas imagens ou fontes web sumiram?

Por segurança e privacidade, a imagem não pode carregar arquivos de outros sites. Inclua imagens e fontes como data URL para mantê-las.

Onde o SVG funciona?

SVGs com HTML dentro aparecem em todos os navegadores modernos; ferramentas de design que só entendem formas vetoriais podem não mostrar a parte HTML.

É grátis?

Sim. As ferramentas do navegador do PhotoTools são grátis, ilimitadas e funcionam sem conta.

Minhas imagens são enviadas para um servidor?

Não. Esta ferramenta funciona inteiramente no seu navegador com WebAssembly. Suas imagens nunca saem do seu dispositivo e nada é armazenado.