1. Inicio
  2. Funciones
  3. Descarga masiva en ZIP

Función — todas las fuentes · 4 de 4

Descarga todos los SVG de una página en un ZIP

Guardar iconos de uno en uno está bien para un icono. Cuando quieres el set entero, Descargar todo en ZIP recoge los SVG que contiene la página —de las cuatro fuentes—, elimina duplicados, los numera y los empaqueta en un único archivo.

El problema

De uno en uno no escala a un set de iconos

La página de iconos de un sistema de diseño puede tener sesenta, ochenta, cien glifos. Guardarlos a mano son sesenta rondas de buscar la fuente, previsualizar, nombrar y descargar, y eso si todos son SVG en línea bien puestos. En la práctica son una mezcla: unos en línea, otros de fondo CSS, otros detrás de referencias <use> a un sprite. Cada fuente pide su propio truco, perderás la cuenta de cuáles ya has cogido y acabarás con tres copias del mismo chevrón.

La vía manual tampoco tiene memoria. Dos componentes reutilizan el mismo icono y lo guardas dos veces con dos nombres distintos. Una referencia <use> no se resuelve y no te enteras hasta que abres un archivo vacío más tarde. Lo que debería ser un trabajo de dos minutos se convierte en una tarde de contabilidad.

Qué hace SVG Downloader en su lugar

Pulsa Descargar todo en ZIP y ejecuta la pasada de detección completa —<svg> en línea, imágenes vectoriales en <img> y <object>, SVG en background-image de CSS y referencias <use> a sprites del mismo documento—, recoge los resultados y escribe un solo ZIP. La contabilidad la hace por ti.

  • Sin duplicados. El mismo icono reutilizado en una docena de componentes acaba una vez en el archivo, no doce. Obtienes un set limpio, no un montón de copias.
  • Numerados en orden y con el prefijo que elijas. Los archivos salen como svg-1.svg, svg-2.svg en el orden en que aparecen en la página, así que el archivo se descomprime en la misma secuencia que las vistas previas que has pasado. Cambia svg por lo que quieras —acme-icon, logo— en las opciones de la extensión y todo el archivo lo seguirá.
  • Honesto con lo que falta. Si un SVG no se puede obtener —un archivo de otro origen que la página no comparte, una referencia rota—, la línea de estado del popup lo nombra: Descargados 8 de 10 SVG. Omitidos: 3, 7. Nada se descarta sin decirte qué elementos faltan.
  • Siguen siendo los originales. Cada archivo del ZIP es el marcado propio de la página con su viewBox intacto y su espacio de nombres reparado: la misma fidelidad que guardarlo a mano, pero a escala.

Qué obtienes

Formato
Un .zip de archivos .svg limpios y conformes al estándar: marcado original, espacios de nombres reparados y numerados desde svg-1.svg con tu propio prefijo.
Cobertura
Las cuatro fuentes en una sola pasada —en línea, <img>/<object>, fondos CSS y sprites <use> del mismo documento— sin duplicados.
Ante los fallos
Lo que no se haya podido obtener queda indicado en el popup, no oculto, así que el set que recibes es de fiar.
Dónde se ejecuta
Por completo en tu navegador. El archivo se construye en tu dispositivo: sin subidas, sin servidor, sin cuenta.

Conviene saber

Preguntas sobre la descarga masiva

¿El ZIP incluye también iconos de fondos CSS y de sprites?

Sí. La pasada masiva ejecuta la misma detección que las descargas individuales en las cuatro fuentes —SVG en línea, fondos CSS, imágenes vectoriales en <img>/<object> y referencias a sprites del mismo documento—, así que el archivo cubre las fuentes difíciles, no solo las fáciles.

¿Qué pasa cuando un SVG no se puede descargar?

La línea de estado del popup lo nombra en lugar de descartarlo sin dejar rastro: Descargados 8 de 10 SVG. Omitidos: 3, 7. Esos números son las posiciones que recorriste en la vista previa, así que puedes volver a los que fallaron y perseguirlos directamente. No se añade nada al archivo en sí; el ZIP contiene solo los que salieron bien.

¿Hay algo que la pasada masiva no recoja?

Tres cosas, y te avisa de ellas. Un <use> que apunta a un archivo de sprite externo<use href="/sprite.svg#cart">— se omite, porque solo se resuelven las referencias del mismo documento. En páginas muy grandes (más de 10.000 elementos) se omite el escaneo de fondos CSS por velocidad. Y la pasada se limita a 2.000 SVG en línea, dejando fuera cualquier SVG con más de unos 2 MB de marcado. Todo ello aparece en el recuento y la línea de estado del popup, en vez de encoger el archivo en silencio.

¿Recibiré el mismo icono varias veces?

No. Los iconos reutilizados en una página se depuran antes de construir el archivo, así que cada SVG distinto aparece una vez. Si solo necesitas un glifo y no el set entero, guardarlo por su cuenta con Descargar el SVG actual es el camino más rápido.


Llévate el set de iconos entero en un clic

Gratis, privado, y hace por ti la depuración y la contabilidad.