Saltar al contenido
Toolars
Explorar
Informar de un error

Imágenes · utilidad Local

Generador de blobs SVG

SVG Blob Generator

Crea blobs SVG orgánicos con 4 a 16 puntos de anclaje, irregularidad y suavidad ajustables y semilla reproducible, y expórtalos en SVG o PNG.

Ruta de la tarea / de la entrada al resultado

Define el tamaño del lienzo

Funciona en local · No se sube nada

Cómo funciona Generador de blobs SVG, privacidad y herramientas relacionadas

Ruta de la tarea / de la entrada al resultado

Cómo generar un blob SVG orgánico

  1. 01

    Define el tamaño del lienzo

    Introduce «Ancho» y «Alto» como números enteros de 64 a 4 096 píxeles; el lienzo está limitado a 16 000 000 píxeles en total. Ajusta el tamaño a donde vivirá el recurso: un fondo de cabecera quiere un lienzo ancho, una decoración de avatar uno cuadrado.

  2. 02

    Dale forma a la geometría

    «Puntos de anclaje» (4–16) define la complejidad, «Irregularidad» (0–0.9) la ondulación y «Suavidad» (0–1) lo redondeado. «Semilla reproducible» (1–99 999) congela la aleatoriedad: la misma semilla y los mismos ajustes producen siempre el mismo blob, lo que hace fácil recrear una forma o compartirla como un puñado de números.

  3. 03

    Estiliza relleno, contorno y fondo

    Elige un «Color del blob» como valor hexadecimal de seis dígitos, activa «Contorno» y define «Ancho del contorno» de 0 a 32 píxeles para un trazo, y mantén «Lienzo transparente» activado o elige un «Color del lienzo». La vista previa se actualiza con cada cambio, y los valores no válidos se señalan en el sitio en lugar de exportarse.

  4. 04

    Exporta el recurso

    «Copiar SVG» pone la fuente exacta en el portapapeles para pegarla en el marcado, mientras que «Descargar SVG» y «Descargar PNG» exportan el vector o una renderización raster al tamaño de lienzo elegido. El SVG sigue siendo una única ruta compacta, así que es barato de incrustar en una página.

Datos de la herramienta

Procesamiento
En tu navegador
La entrada sale del dispositivo
Nunca
Retención
No se guarda nada
Precio
Gratis

Tus datos se quedan en el navegador.

Generador de blobs SVG usa su ruta de ejecución local verificada y no crea un historial oculto de entradas ni salidas.

Ejecución local

Se ejecuta dentro de la pestaña actual del navegador.

Sin procesamiento oculto

Los datos activos de la herramienta nunca se convierten en un registro de documento de Toolars.

No se necesita cuenta

Usa el flujo de trabajo principal sin crear un perfil. Los favoritos se sincronizan con tu cuenta después de iniciar sesión.

Restablecimiento inmediato

Limpia la pestaña y los datos de trabajo activos desaparecen.

Qué hace Generador de blobs SVG en realidad

Una sección principal necesita una forma orgánica suave detrás del titular, una tarjeta de testimonio quiere un blob en el color exacto de la marca, una presentación necesita tres variaciones que claramente pertenezcan a la misma familia. Con una semilla compartida y un solo deslizador retocado, los tres hermanos llevan minutos: mismo lienzo, mismos anclajes, irregularidad movida de 0.3 a 0.5. Generador de blobs SVG convierte eso en un trabajo de dos minutos con geometría reproducible basada en semilla — y como ningún valor de la forma sale de la página, la exploración es privada por diseño.

Preguntas frecuentes

¿Qué hace la semilla?
La semilla hace determinista la geometría. La misma semilla y los mismos controles reproducen el contorno. El SVG no tiene por qué ser idéntico byte a byte entre idiomas porque el título accesible se traduce; compara el trazado si importa la forma.
¿Cómo hago una familia de blobs a juego?
Dos recetas funcionan bien. Mantén fija la semilla y varía un solo control — irregularidad o suavidad — para hermanos que claramente comparten silueta. O mantén fijos todos los controles y cambia solo la semilla para un conjunto de formas distintas con idéntico carácter. Ambas son reproducibles porque la geometría es determinista.
¿Por qué se rechazan mis valores?
Cada control tiene límites: 4–16 puntos de anclaje, irregularidad 0–0.9, suavidad 0–1, ancho de contorno 0–32 píxeles, colores hexadecimales de seis dígitos y un lienzo de 64 a 4 096 píxeles por lado dentro de 16 000 000 píxeles en total. Las entradas fuera de rango se rechazan con el rango válido indicado, y la vista previa espera controles válidos en lugar de renderizar una forma rota.
¿Qué cambia «Lienzo transparente»?
Activado, el fondo del SVG queda vacío, así que el blob flota sobre lo que haya detrás de él en la página y la exportación PNG conserva transparencia real. Desactívalo y elige un «Color del lienzo» para hornear un rectángulo de fondo sólido tanto en el SVG como en el PNG: útil cuando el recurso va a una herramienta que compone mal sobre la nada.
¿Exportación SVG o PNG: cuál elegir?
«Descargar SVG» conserva la forma como un vector compacto que escala limpio en herramientas de diseño y páginas web. «Descargar PNG» rasteriza la salida actual al tamaño exacto del lienzo, lo que conviene a presentaciones, documentos y herramientas que no leen SVG.
¿Mis diseños salen del navegador?
No. La generación, la vista previa y la exportación ocurren localmente en esta pestaña; ningún valor de forma, color o semilla entra en almacenamiento, registros o la red, y no hace falta cuenta.

Continuar en Estudio de imágenes

Tareas relacionadas, no un callejón sin salida.

Pasa a otro espacio de trabajo enfocado sin volver al índice completo.

Recortador de imágenes

Image Cropper

Recorta PNG, JPEG o WebP a coordenadas de píxel exactas con relaciones 1:1, 4:3, 3:2 o 16:9, y exporta en PNG, JPEG o WebP. Todo en local.

Editar

Filtros de imagen

Image Filters

Ajusta brillo, contraste, saturación, escala de grises, sepia y desenfoque con seis deslizadores, y descarga el PNG a resolución completa.

Editar

Redimensionador de imágenes

Image Resizer

Redimensiona imágenes a píxeles exactos con bloqueo de proporción, en PNG, JPEG o WebP. El modo por lotes escala hasta 12 imágenes en un zip.

Editar

Color medio de una imagen

Image Average Color Finder

Calcula el color promedio de una imagen ponderando la transparencia y cópialo como HEX, rgb() o rgba(), listo para tus tokens de diseño.

Inspeccionar