Start here

Distort Images

Drop an image, enter a six digit code, distort instantly. Everything runs locally in the browser. No accounts, uploads, or waiting.

Step 1

Upload source

PNG/JPEG images or any video format (MP4, WEBM, MOV, AVI, MKV, etc.).

Step 2

Code and actions

Use the same six digit code to recover any frame.

Load an image to begin.

Step 3

Result preview

Distorted or recovered pixels render here.

Reversible media distortion

Protect visual content with a six digit code.

Distort images or videos directly in the browser, share the scrambled output, and recover it perfectly with the original key. When the studio looks right, zip the build/ folder and deploy it to Tiiny Host.

Back to studio Deployment guide
Distort Photo logo
Client-side | deterministic | reversible

Deterministic pipeline

Six chained transforms (wave, block shuffle, spiral shift, row & column permutations, strip interleave) guarantee one-to-one recovery.

Browser-only

No backend or uploads. Everything runs in the user's browser using WebGL-free canvas math so it works even offline, even for multi-frame video.

Share anywhere

Zip the build folder, drag it into Tiiny Host, and publish a static link in seconds. No Python runtime required.

Publish in three moves

Deploy the studio with Tiiny Host.

  1. Zip the entire build folder created in this repository.
  2. Upload the ZIP to Tiiny Host and pick a URL slug.
  3. Share the live link. All distortion happens in each visitor's browser.

What's inside the build?

  • Optimized static HTML/CSS/JS.
  • Deterministic transformation pipeline (mirrors the Python app).
  • Sample artwork to demo the effect (add your own videos too).

Need custom branding or telemetry? Edit the files inside build and redeploy.