Efecto glitch para fotos

Elige una imagen y rómpela a propósito: los canales rojo y azul se separan, franjas horizontales al azar saltan de lado como si la señal se rasgara, se esparce ruido de color y unas líneas oscuras la cruzan como en una pantalla antigua. Cada parte tiene su control, y Variante da otro patrón aleatorio.

Todo ocurre en tu navegador. Tus archivos no se suben a ningún sitio.

Funciona en tu navegador: nada de lo que escribes se envía a ningún sitio.

Cómo se usa

  1. Elige o suelta una imagen.
  2. Ajusta la separación RGB en píxeles.
  3. Indica cuántas franjas rasgadas hay y cuánto pueden desplazarse.
  4. Añade ruido de color y activa o desactiva las líneas de escaneo.
  5. Prueba varios números de Variante hasta que las franjas caigan donde te gusta y descarga.

Cómo funciona

Los efectos se aplican en este orden:

  1. Separación RGB: en cada píxel, el rojo se toma del píxel que está separación RGB posiciones a la izquierda y el azul del que está separación RGB posiciones a la derecha; fuera del borde se repite el píxel del borde.
  2. Franjas rasgadas: cada franja de filas se desplaza de lado, de forma circular, una distancia aleatoria propia entre −desplazamiento de franjas y +desplazamiento de franjas.
  3. Ruido de color: un valor aleatorio distinto para el rojo, el verde y el azul de cada píxel; al 100 % llega a unos ±64 niveles.
  4. Líneas de escaneo: una de cada dos filas se oscurece al 75 %.

Las distancias están en píxeles del archivo guardado. La vista previa es más pequeña, así que se escalan con ella.

Ejemplo

Toma una fila de cuatro píxeles con valores de rojo 10, 20, 30 y 40, con una separación de 1 píxel. El rojo se mueve a la derecha: la fila queda 10, 10, 20, 30 (el primer píxel repite el borde). Si el azul era 1, 2, 3, 4, se mueve a la izquierda y queda 2, 3, 4, 4.

Una franja movida +1 píxel convierte la fila 5, 6, 7, 8 en 8, 5, 6, 7. Una línea de escaneo convierte un valor de 200 en 150.

Consejos

  • Las separaciones pequeñas (3–10 px) se leen como «vídeo antiguo»; las grandes (30 px o más), como glitch art duro.
  • En retratos deja pocas franjas (5–10) para que la cara siga siendo reconocible.
  • Las líneas de escaneo se ven mejor con la imagen al 100 %; reducidas pueden formar patrones de muaré.

Preguntas frecuentes

¿Qué es la separación RGB?

El canal rojo se mueve a la derecha y el azul a la izquierda el mismo número de píxeles, mientras el verde se queda quieto. Los bordes muestran franjas rojas y cian, el aspecto cromático clásico de una señal de vídeo averiada o de una impresión 3D desalineada.

¿Cómo se hacen las franjas rasgadas?

La herramienta elige el número de franjas horizontales indicado, cada una de entre 1/60 y 1/12 de la altura de la imagen, y desplaza cada una de lado una cantidad aleatoria de hasta el desplazamiento de franjas. Lo que sale por un lado vuelve a entrar por el otro.

¿Por qué el glitch sale igual cada vez?

Los números aleatorios salen de un generador con semilla, así que los mismos ajustes dan siempre las mismas franjas y el mismo ruido, y la descarga se ve como la vista previa. Cambia Variante para obtener otro patrón de franjas y ruido.

¿Se sube mi imagen a algún servidor?

No. Todo el trabajo se hace en tu navegador; la imagen y el resultado se quedan en tu dispositivo.

Más en Imágenes

Todas las herramientas de la categoría: Imágenes ·Actualizado el 4 de noviembre de 2026

Opciones de privacidad

Google Analytics nos muestra qué herramientas se usan y si funcionan. Puede usar cookies. Tu elección se guarda en este navegador.