Tiny Online Tools
Texturas de Ruido y Grano Sin Imágenes
SVG trae un generador de ruido incorporado a través del filtro <feTurbulence>. Esta herramienta te ofrece una interfaz visual para ajustar cada parámetro y exportar un SVG limpio listo para usar como superposición o fondo.
Dos Tipos de Ruido
- fractalNoise — apila octavas de turbulencia para un patrón suave y nuboso. Ideal para grano orgánico y texturas tipo papel.
- turbulence — ruido crudo, de mayor contraste, que recuerda a la estática o la "nieve" de TV. Bueno para efectos glitch.
Controles
- Frecuencia base — cuán fino es el ruido. Valores pequeños dan manchas grandes y suaves; valores grandes dan motas diminutas.
- Octavas — cuántas capas de ruido se suman. Más octavas = más detalle y riqueza visual.
- Semilla — entero para reproducibilidad. La misma semilla produce siempre el mismo patrón.
- Monocromo / A color — el modo monocromo multiplica todos los canales por tu color; a color mantiene el RGB nativo del ruido.
- Primer plano, Fondo, Opacidad — ajusta cómo se sitúa el ruido sobre su propio rectángulo de fondo.
Usos
- Overlays de grano sobre imágenes hero
- Efectos retro estilo TV / VHS
- Fondos tipo papel / lienzo para tarjetas de UI
- Grano de película sobre degradados (combínalo con la herramienta Gradiente Granulado)
- Ruido visual para sistemas de diseño
El SVG permanece nítido a cualquier tamaño y los navegadores rasterizan el ruido píxel a píxel en tiempo de pantalla — sin costuras ni escalado borroso. Pégalo en tu HTML o úsalo como background-image: url(...) con un data URI para la huella más pequeña posible.