Tutoriais de download de SVG

Comece de onde você está

Quinze tutoriais, um fluxo

Todos terminam igual — o vetor original no seu disco ou na sua área de transferência — mas começam em lugares diferentes, porque você também. Cada página traz sua gravação, os passos por escrito, e as respostas para o que costuma dar errado naquele passo específico.

• Comece aqui

  Como baixar arquivos SVG

  O trabalho todo em cinco passos, para quem nunca fez — o que um SVG realmente é, e por que ele precisa ser aberto de outro jeito.

  Assistir e ler →
• De uma URL

  Baixar um SVG de uma URL

  Quando você tem um endereço em vez de um arquivo — um link de CDN, a URL de uma página, uma rota que não termina em nada útil. Por que colar num conversor costuma falhar.

  Assistir e ler →
• De um link

  Baixar um SVG de um link

  Por que “Salvar link como…” te entrega um arquivo HTML em vez de um vetor, e como conseguir a coisa para a qual o link realmente aponta.

  Assistir e ler →
• Botão direito falha

  Salvar um SVG quando o botão direito não deixa

  O menu Salvar imagem como… esmaecido — ou totalmente ausente — explicado. E os quatro esconderijos que causam isso.

  Assistir e ler →
• Área de transferência

  Copiar um SVG de um site

  Duas áreas de transferência, dois trabalhos: o markup para o seu código, ou uma figura PNG para um documento ou mensagem de chat. Nenhum encosta no seu disco.

  Assistir e ler →
• O conjunto todo

  Extrair todo SVG de um site

  Uma varredura, um ZIP, sem duplicatas e numerado — e uma linha de status honesta nomeando o que não pôde ser resolvido.

  Assistir e ler →
• Rota mais rápida

  Pegar um SVG num clique com o botão direito

  Sem popup, sem varredura, sem paginação. Clique com o botão direito no ícone, escolha “Salvar isto como SVG”, pronto — com o mesmo sanitizador rodando por baixo.

  Assistir e ler →
• Inventário

  Baixar os SVGs de uma página web

  Descubra o que uma página realmente contém antes de levar qualquer coisa — a contagem quase sempre é maior do que parece.

  Assistir e ler →
• Para devs

  Tirar um SVG do HTML

  A rota do DevTools, sem DevTools — e com o xmlns faltante já consertado, que é a parte em que todo mundo tropeça.

  Assistir e ler →
• Logos

  Extrair um logo como vetor

  Pegue a marca de uma empresa em fidelidade total em vez de um print borrado do cabeçalho — mais a pergunta de licenciamento que você deveria fazer primeiro.

  Assistir e ler →
• Grátis

  Um baixador de SVG genuinamente grátis

  Sem conta, sem teste, sem marca d'água, sem plano pago segurando a exportação em lote como refém. Aqui está o que “grátis” significa e como isso se sustenta.

  Assistir e ler →
• Instalação

  Instalar a extensão

  Chrome, Edge e Brave em menos de um minuto — incluindo fixar, e uma leitura em português claro de cada permissão que ela pede.

  Assistir e ler →
• Converter

  Baixar uma imagem SVG — ou convertê-la

  Leve o vetor se for editar, ou converta para PNG ou JPG em 1×, 2× ou 4× na saída. E quando cada um é a escolha certa.

  Assistir e ler →
• Comparação

  Extrator online vs. extensão

  Por que uma ferramenta de “cole uma URL” volta meio vazia — ela busca seu endereço mas nunca renderiza a página. E para onde vai seu arquivo quando você faz upload.

  Assistir e ler →
• Decidir

  Qual método você deve usar?

  Uma varredura, quatro saídas — arquivo, ZIP, área de transferência ou botão direito. Um guia curto de decisão para acertar de primeira.

  Assistir e ler →

Se você ler só uma coisa

Por que o navegador simplesmente não salva para você

Um SVG numa página moderna quase nunca é um arquivo parado num endereço. É uma de quatro coisas, e cada uma derrota o Salvar imagem como… do seu jeito: markup <svg> inline desenhado direto no HTML sem URL por trás; um background-image do CSS que o navegador trata como decoração; uma referência <use> de sprite que aponta para um documento escondido; ou uma origem <img> que pode ser um URI data: que o menu de salvar estraga.

Todo tutorial aqui funciona igual por baixo: ler o DOM vivo, resolver o que cada vetor realmente é, consertar o namespace xmlns faltante, e te entregar um arquivo independente. É por isso que o método não liga para qual das quatro você calhou de encontrar.