Saltar al contenido
Toolars
Explorar
Informar de un error

Imágenes · utilidad Local

Generador de patrones SVG

SVG Pattern Generator

Compone patrones sin costuras —puntos, cuadrícula, franjas, ondas o damero— con baldosa, rotación y opacidad ajustables, 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 patrones SVG, privacidad y herramientas relacionadas

Ruta de la tarea / de la entrada al resultado

Cómo crear un patrón SVG repetido

  1. 01

    Define el tamaño del lienzo

    Define Anchura y Altura entre 64 y 4096 px cada una, con un máximo total de 16 millones de píxeles. Esas dimensiones fijan el lienzo SVG completo y el PNG. El SVG repite una unidad dentro del lienzo; no es solo una tesela independiente.

  2. 02

    Elige una familia de patrón

    Elige «Puntos», «Cuadrícula», «Franjas diagonales», «Ondas» o «Damero» en «Familia de patrón». Cada familia es un sistema acotado basado en baldosas y no una textura aleatoria, así que la repetición es exacta y el archivo exportado se mantiene pequeño a cualquier tamaño de lienzo.

  3. 03

    Afina la repetición

    «Tamaño de baldosa» va de 8 a 160 píxeles, «Grosor de marca» de 1 a 16, «Rotación» de −180 a 180 grados y «Opacidad del primer plano» de 0.05 a 1, con valores hexadecimales de seis dígitos para «Primer plano» y «Fondo». La vista previa se actualiza con cada cambio, así que los retoques sutiles — una baldosa algo mayor, un punto menos de opacidad — son fáciles de comparar.

  4. 04

    Exporta el patrón

    Copia o descarga el lienzo SVG lleno con unidades repetidas, o descarga su PNG a las dimensiones elegidas. La unidad interna se repite, pero los bordes exteriores de la imagen completa no tienen por qué encajar sin juntas al usar el archivo como tesela.

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 patrones 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 patrones SVG en realidad

Para una página de precios, prueba puntos discretos; para una portada, una cuadrícula o diagonales. Ajusta la repetición interna y examina el lienzo exportado a su tamaño de uso. Si necesitas repetir el SVG o PNG completo, revisa sus bordes: la repetición interior no garantiza continuidad exterior.

Preguntas frecuentes

¿El patrón exportado es realmente sin costuras?
El SVG repite una unidad dentro del lienzo. El SVG o PNG completo puede acabar a mitad de unidad, sobre todo con rotación o tamaños de lienzo arbitrarios. Sus bordes exteriores no siempre encajan al repetir el archivo completo; comprueba la unión en el diseño final.
¿Cómo mantengo el patrón sutil como fondo?
Tres controles hacen el trabajo: baja «Opacidad del primer plano» hacia su mínimo de 0.05, mantén «Grosor de marca» modesto y elige colores de «Primer plano» y «Fondo» cercanos entre sí. Un pequeño aumento del «Tamaño de baldosa» también reduce la densidad, así que la textura sostiene el contenido en lugar de competir con él.
¿Exportación SVG o PNG: cuál elegir?
El SVG contiene una definición de patrón y un rectángulo que ocupa el lienzo elegido; no es un archivo de una sola tesela. El PNG rasteriza el lienzo entero al tamaño indicado. Revisa los bordes si vas a repetir la imagen exportada.
¿Cuáles son los límites de los controles?
Tamaño de baldosa 8–160 píxeles, grosor de marca 1–16, rotación de −180 a 180 grados, opacidad del primer plano 0.05–1, colores hexadecimales de seis dígitos y un lienzo de 64–4 096 píxeles por lado dentro de 16 000 000 píxeles en total. Los valores no válidos se rechazan con el rango indicado.
¿Algo sale del navegador?
No. La generación del patrón y la exportación se ejecutan localmente en esta pestaña; ninguna configuración 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