1. Inicio
  2. Tutoriales

Tutoriales — quince grabaciones, ninguna de más de un minuto

Tutoriales de descarga de SVG

Cada uno de estos es una grabación real de la extensión haciendo el trabajo, con el paso escrito debajo. Elige el que encaje con lo que tienes: una URL, un enlace, una página llena de iconos o un logotipo que necesitas a tamaño completo.

Instalar la extensión Empieza por lo básico →

Empieza donde estés

Quince tutoriales, un flujo

Todos acaban igual —el vector original en tu disco o en tu portapapeles—, pero empiezan en sitios distintos, porque tú también. Cada página lleva su grabación, los pasos por escrito y las respuestas a lo que suele torcerse en ese paso concreto.

Si solo lees una cosa

Por qué el navegador no te lo guarda sin más

Un SVG de una página moderna casi nunca es un archivo que esté en una dirección. Es una de cuatro cosas, y cada una derrota a Guardar imagen como… a su manera: marcado <svg> en línea dibujado directamente en el HTML sin URL detrás; un background-image de CSS que el navegador trata como decoración; una referencia <use> a un sprite que apunta a un documento oculto; o una fuente <img> que puede ser un URI data: que el menú de guardado destroza.

Todos los tutoriales de aquí funcionan igual por debajo: leer el DOM en vivo, resolver lo que cada vector es realmente, reparar el espacio de nombres xmlns que falta y entregarte un archivo independiente. Por eso al método le da igual cuál de las cuatro te haya tocado.

Instálala una vez y no vuelvas a pelearte con un menú de clic derecho

Gratis, con licencia MIT y funciona por completo en tu equipo: sin subidas, sin cuenta, sin analítica.

Instalar la extensión Guía de instalación →

Relacionado