Drop SVG files here, or click to choose
Aceita SVG, SVGZ · Você também pode colar com Ctrl+V / ⌘V
Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.
Abra arquivos SVG ou código colado e inspecione-os com segurança: amplie, mova, mude o fundo e leia o tamanho renderizado, a largura, a altura, o viewBox e a contagem de elementos. Edite o código-fonte com prévia ao vivo; scripts no arquivo nunca rodam.
Solte arquivos SVG ou SVGZ na página, ou cole o código na caixa e clique em Adicionar SVG. Pressionar Ctrl+V em qualquer lugar da página também funciona.
Alterne o fundo entre Xadrez, Branco e Preto e amplie com os botões, Ctrl/⌘ + rolagem ou as teclas + − 0 1; arraste para mover e dê um clique duplo para ajustar.
Leia o painel Detalhes: Tamanho renderizado, largura, altura, viewBox, Tamanho do arquivo e Elementos. Passe o mouse sobre o desenho para ver coordenadas em unidades SVG.
Edite o código em Código-fonte. A prévia atualiza enquanto você digita, e erros de sintaxe indicam a linha e a coluna.
Em Exportar, clique em Baixar SVG ou Copiar data URI.
Sim. O SVG é mostrado só como imagem, então scripts e tratadores de evento nele nunca rodam, e arquivos que ele aponta na web (imagens, fontes, folhas de estilo) não são carregados. Nada é enviado.
Provavelmente falta a declaração xmlns. A prévia a acrescenta automaticamente e mostra uma nota; clique em Acrescentar ao código para corrigir a origem e depois baixe.
O SVG não tem largura e altura nem viewBox, então vale o padrão do navegador. Quando só faltam largura e altura, o tamanho vem do viewBox.
Uma string data:image/svg+xml codificada para URL que você pode colar em um background-image do CSS ou em um src de img. Para uma versão Base64 ou um arquivo menor, passe-o pelo Otimizador SVG.
Sim. Arquivos SVGZ comprimidos com gzip são descompactados no seu navegador, e Baixar SVG salva o código como um arquivo .svg simples.
