- Inicio
- Tutoriales
- Descargar desde un enlace
Tutorial — la trampa del enlace
Cómo descargar un SVG desde un enlace
Haces clic derecho en el enlace, eliges Guardar enlace como… y obtienes un archivo HTML de 40 KB. Es la forma más común de acabar con lo que no querías, y tiene una explicación sencilla.
Míralo — 19 segundos
Conseguir aquello a lo que el enlace apunta de verdad
La grabación no usa nunca Guardar enlace como… a propósito, porque en un enlace así esa opción del menú es la trampa, no la herramienta.
Qué muestra la grabación
- Un enlace que apunta a un vector, no a una página
- «Guardar enlace como…» te daría el envoltorio HTML
- Abre el popup en la página donde está el enlace
- El vector enlazado está en la lista
- Ponle un nombre que signifique algo
- Descargar el actual: el archivo que hay tras el enlace
Por qué falla lo evidente
«Guardar enlace como…» guarda la respuesta, sea la que sea
Tu navegador no tiene ni idea de qué hay al otro lado de un enlace hasta que lo pide. Guardar enlace como… no inspecciona nada: descarga la URL y escribe en disco lo que llegue, con el nombre que sugiera el enlace.
Así que cuando el enlace va a una página de visor —una página de detalle de un icono, una página de «descarga» con vista previa y un botón—, lo que llega es HTML. Acabas con un archivo llamado star.svg que en realidad es una página web, y por eso se abre como un muro de texto o directamente no abre. La extensión nunca se equivocó: el enlace simplemente nunca apuntó a un vector.
Tres formas de enlace causan casi todo esto:
- Un enlace a una página de visor. El vector está en el destino, no en el enlace. Síguelo y luego escanea esa página.
- Un enlace que dispara una descarga por script. El
hrefes#ojavascript:, y un manejador de clic construye el archivo. No hay nada en esa dirección que guardar. - Un enlace que envuelve un icono en línea. Lo que se puede pulsar es el gráfico, dibujado como marcado. Hacerle clic derecho te da el menú de la página, sin ninguna opción de imagen, porque el navegador no lo considera una imagen.
El método que funciona con las tres
Deja de intentar guardar el enlace. Guarda el vector desde la página que lo dibuja: la respuesta es la misma sin importar cuál de las tres formas tengas delante.
- Sigue el enlace si lleva a algún sitio. Si abre una página de visor o de detalle, déjalo. Ese destino es donde vive de verdad el vector, y es lo que quieres escanear.
- Abre el popup en la página en la que aterrices. Pulsa el botón de la barra de herramientas. Al escaneo le da igual si llegaste por enlace, por búsqueda o escribiendo la dirección.
- Encuéntralo en la lista. Recorre con Ant. y Sig.. En una página de detalle, el vector que quieres suele salir grande y evidente en la vista previa.
- Ponle nombre y descárgalo. Escribe un nombre de archivo y pulsa Descargar el actual. Lo que obtienes es un archivo vectorial de verdad, no un documento HTML disfrazado con extensión .svg.
Cómo saber qué has descargado realmente
Si ya tienes un archivo sospechoso, esto lleva diez segundos: ábrelo en cualquier editor de texto. Un SVG de verdad empieza por <svg o por una declaración XML y suele ocupar unos pocos kilobytes. Una página HTML disfrazada empieza por <!doctype html> y normalmente es mucho más grande. Si es lo segundo, el enlace iba a una página, y escanear esa página te dará lo bueno.
Cuando el enlace es el icono
Esta es la tercera forma, y la más común en sitios modernos: un icono pulsable que es marcado <svg> en línea. Literalmente no hay nada que guardar: ni dirección, ni archivo, ni imagen que el navegador reconozca. O escaneas la página, o le haces clic derecho y eliges Guardar esto como SVG en el menú, algo que cubre el tutorial de captura rápida.
- La trampa
- Guardar enlace como… escribe lo que devuelva la URL, a menudo HTML.
- La comprobación
- Abre el archivo en un editor de texto.
<!doctype html>significa que te llevaste una página. - El arreglo
- Escanea la página que dibuja el vector, en vez de guardar el enlace.
- Ver también
- Captura con clic derecho · Desde una URL
Conviene saber
Preguntas frecuentes
¿Por qué «Guardar enlace como…» me dio un archivo HTML?
Porque el enlace apuntaba a una página web y no a un archivo vectorial. «Guardar enlace como…» descarga la URL y escribe lo que llegue, sin comprobar qué es, así que un enlace a una página de visor produce una página, guardada con el nombre .svg que sugería el enlace.
El href del enlace es solo #. ¿Dónde está el archivo?
No hay ninguno. Un manejador de clic construye el archivo en JavaScript cuando pulsas. En esa dirección no existe nada que guardar, así que escanear la página en busca del vector dibujado es la única vía.
¿Cómo compruebo si mi archivo es un SVG de verdad?
Ábrelo en un editor de texto. Un SVG de verdad empieza por
El enlace es un icono en sí y el clic derecho no ofrece nada útil.
Ese icono es marcado SVG en línea, que el navegador no trata como imagen, así que no aparecen opciones de imagen. O abres el popup y escaneas la página, o usas la entrada «Guardar esto como SVG» que la propia extensión añade al menú del clic derecho.
Deja de guardar páginas llamadas .svg
Saca el vector de la página: funciona con los tres tipos de enlace.