Glyph WidgetsGlyph Widgets
Acerca deContactoPrivacidadTérminosApoyar en Ko-fi

© 2026 Glyph Widgets. Todos los derechos reservados.

·

100% Procesamiento del lado del cliente

Generador de patrones sin costuras

Última actualización: 11 de marzo de 2026

Sube una imagen de mosaico y genera una vista previa de mosaico sin costuras en un lienzo configurable. Ajusta la escala, rotación, espaciado y elige entre múltiples modos de mosaico. Exporta como PNG o copia un fragmento de fondo CSS. 100% procesamiento del lado del cliente.

Características

  • ▶Subir imagen en mosaico mediante arrastrar y soltar o hacer clic
  • ▶Vista previa de mosaico sin costuras en tiempo real en un lienzo configurable
  • ▶Escala de mosaico ajustable del 25% al 400%
  • ▶Control de rotación de 0 a 360 grados
  • ▶Control de separación y espaciado entre piezas (0-50px)
  • ▶Múltiples modos de mosaico: cuadrícula normal, medio ladrillo, diagonal, en espejo
  • ▶Tamaño de lienzo personalizado hasta 4096x4096 píxeles
  • ▶Exportar como PNG o copiar fragmento de CSS de fondo
  • ▶Selector de color de fondo para el lienzo
  • ▶100% procesamiento en el cliente — las imágenes nunca salen de tu navegador
  • ▶Tile opacity and 16 blend modes for compositing control
  • ▶Randomization: per-tile offset and rotation with seeded PRNG for organic patterns
  • ▶Custom canvas size up to 4096x4096 pixels
  • ▶Export as PNG or copy CSS background snippet
  • ▶Background color picker for the canvas
  • ▶100% client-side processing — images never leave your browser

Cómo usar esta herramienta

1

Subir una imagen en mosaico

Arrastra y suelta o haz clic para subir la imagen que deseas usar como mosaico. Los formatos admitidos incluyen PNG, JPG, SVG y WebP.

2

Elegir un modo de mosaico

Selecciona entre cuadrícula normal, desplazamiento de medio ladrillo (como mampostería), desplazamiento diagonal o mosaico en espejo para cambiar cómo se organizan las piezas.

3

Ajustar la configuración

Afina la escala del mosaico, el ángulo de rotación, el espaciado, las dimensiones del lienzo y el color de fondo usando los controles.

4

Vista previa del patrón

El lienzo se actualiza en tiempo real al cambiar la configuración, mostrando exactamente cómo quedará el patrón en mosaico.

5

Exportar

Descarga el patrón como imagen PNG o copia un fragmento de CSS de fondo para usar en tus proyectos web.

Renderizado de mosaico basado en Canvas

La herramienta usa la API Canvas de HTML5 para dibujar tu imagen en mosaico repetidamente sobre un lienzo configurable. Cada pieza se posiciona y transforma individualmente para un control máximo sobre el diseño del patrón.

Modos de mosaico

  • -El modo de cuadrícula normal coloca las piezas en un patrón de cuadrícula regular sin desplazamiento.
  • -El modo de medio ladrillo desplaza cada segunda fila en media anchura de pieza, creando un patrón de mampostería.
  • -El modo diagonal aplica un desplazamiento progresivo a cada fila, creando un efecto de mosaico inclinado.
  • -El modo en espejo alterna el volteo horizontal y vertical en las piezas vecinas, creando patrones simétricos.

Escala y rotación

El control de escala redimensiona cada pieza del 25% al 400% de su tamaño original. La rotación aplica una transformación alrededor del centro de cada pieza, permitiendo cualquier ángulo de 0 a 360 grados. Ambas transformaciones usan operaciones de transformación de Canvas para una renderización nítida.

Exportación CSS

La exportación CSS crea un lienzo de una sola pieza, renderiza la pieza con la configuración actual de escala y rotación, la convierte en una URI de datos y genera una propiedad CSS de background-image con valores apropiados de background-repeat y background-size.

Procesamiento en el cliente

Todo el procesamiento de imágenes ocurre completamente en tu navegador usando la API Canvas. Tus imágenes nunca se suben a ningún servidor, garantizando privacidad completa. La herramienta funciona sin conexión una vez cargada.

Preguntas frecuentes

Puedes subir cualquier formato de imagen compatible con el navegador, incluyendo PNG, JPG, JPEG, SVG, WebP, GIF y BMP. Se recomienda PNG para mosaicos con transparencia.

Herramientas relacionadas

Fuente del mosaico

Vista previa del patrón

Cuadrícula de vista previa:

Sube una imagen de mosaico o selecciona una forma para ver la vista previa del patrón

Controles

#ffffff
×

Controles de color

Pattern Randomization is a Supporter feature.

Saved Presets is a Supporter feature.

Tool History is a Supporter feature.

Tool Notes is a Supporter feature.

Compartir