Generador y optimizador SVG

Kit de herramientas SVG todo en uno: generadores de ondas, manchas, patrones, polígonos, espirales y estrellas, además de optimizador, minificador, limpiador, editor de rutas, sustituto de color y generador de sprites de SVG: vista previa en vivo, copia y descarga, gratis.

Un conjunto de herramientas SVG completo con 14 utilidades: generadores de ondas, manchas, patrones, polígonos, espirales y estrellas, un editor de rutas y una calculadora viewBox, además de un optimizador, minificador, limpiador, simplificador de rutas, sustituto de color y generador de sprites, cada uno con vista previa y copia en vivo, URI de datos o salida de descarga.

Share
Categoría
Herramientas para desarrolladores
Incluye
Características de 7
Acceso
Gratis · Sin registro
Privacidad
Se ejecuta en tu navegador
Generador y optimizador SVG

Calibrating SVG Forge Studio......

Please wait a moment

como usar

Cómo utilizar Generador y optimizador SVG

  1. 01

    Elige una herramienta

    Elija un generador, editor o procesador en la barra lateral de búsqueda: 14 utilidades SVG en total.

  2. 02

    Ajustar o pegar

    Ajuste los controles deslizantes y los colores de los generadores, o pegue su marcado SVG en los procesadores.

  3. 03

    Vista previa en vivo

    El vector se representa instantáneamente con un fondo intercambiable; Los procesadores muestran un byte guardado antes/después.

  4. 04

    Exportar

    Copie como fondo SVG, URI de datos o CSS sin formato, o descargue el archivo .svg optimizado.

Casos de uso

Casos de uso comunes

  • Cree divisores de ondas y manchas para las secciones de héroes de la página de destino
  • Genere patrones de fondo SVG sin interrupciones para sitios web
  • Optimice y minimice los íconos antes de enviarlos a producción.
  • Limpiar el editor de las exportaciones de Illustrator o Inkscape
  • Cambie el color de un SVG para que coincida con la paleta de una marca en segundos
  • Agrupe varios iconos en un único objeto SVG reutilizable
Descripción general

14 herramientas SVG que la mayoría de los sitios no tienen

SVG Forge es un completo banco de trabajo vectorial: genera ondas, manchas, patrones continuos, polígonos, espirales y estrellas; editar rutas sin procesar y calcular viewBoxes; y optimice, minimice, limpie, simplifique, cambie el color o agrupe SVG en un objeto. Cada generador tiene controles y una vista previa en vivo; Cada procesador muestra un ahorro de tamaño antes/después. Llena un vacío que la mayoría de los sitios de herramientas ignoran: utilidades SVG dedicadas y de alta calidad en un solo lugar.

Copie, incruste o descargue, a su manera

Cada resultado se puede copiar como marcado SVG sin formato, como URI de datos listo para pegar o como regla de fondo CSS, y descargar como un archivo .svg. Los generadores admiten aleatorización y reinicio para una exploración rápida, y los procesadores informan exactamente cuántos bytes guardó. Todo se ejecuta localmente en su navegador: su obra de arte nunca se carga.

Características
01
14 generadores y procesadores SVG en un estudio
02
Creadores de ondas, manchas, patrones, polígonos, espirales y estrellas
03
Optimizador, minificador y limpiador de SVG con ahorro de tamaño
04
Editor de rutas, calculadora viewBox y simplificador de rutas
05
Reemplazo de color y generador de sprites de múltiples íconos
06
Copiar como SVG, URI de datos o CSS, además de descargar .svg
07
Primero local: su obra de arte nunca sale del navegador
Preguntas frecuentes

Preguntas frecuentes

¿Qué herramientas SVG están incluidas?+

Catorce: generadores de ondas, manchas, patrones, polígonos, espirales y estrellas; un editor de rutas y una calculadora ViewBox; y generadores de optimizador, minificador, limpiador, simplificador de ruta, sustituto de color y sprites, todo en una sola interfaz.

¿Cómo optimizo un archivo SVG de forma gratuita?+

Abra el Optimizador, pegue su marcado SVG y elija opciones como precisión decimal, eliminación de comentarios y metadatos y colapso de espacios en blanco. La herramienta muestra el tamaño de bytes original versus el optimizado y el porcentaje guardado, luego le permite copiar o descargar el resultado.

¿Cómo hago una onda o una mancha SVG?+

Utilice el generador Wave o Blob, ajuste los controles deslizantes (amplitud, frecuencia, complejidad, contraste) y los colores, y el vector se actualizará en vivo. Presione aleatorizar para explorar variaciones, luego copie el SVG o descárguelo.

¿Puedo obtener el SVG como fondo CSS o URI de datos?+

Sí. Cada salida del generador ofrece tres pestañas de exportación: SVG sin formato, un URI de datos compacto y una regla de imagen de fondo CSS lista para pegar, además de una descarga de .svg con un solo clic.

¿Qué elimina el limpiador SVG?+

Elimina las declaraciones XML, DOCTYPE, comentarios, <metadatos> y espacios de nombres específicos del editor (Inkscape y Sodipodi) que agregan los editores vectoriales, dejando un marcado limpio y portátil. Opcionalmente, también puede eliminar los atributos de identificación.

¿Mi SVG está subido a un servidor?+

No. Toda la generación y el procesamiento se ejecutan localmente en su navegador utilizando JavaScript del lado del cliente. Tus ilustraciones y anotaciones nunca salen de tu dispositivo, por lo que son privadas e instantáneas.