Photo

Difficulty


Why Use It

Your photo, your puzzle

Upload any photo from your device — JPG, PNG, or WebP. The puzzle is built and ready to play in seconds.

Works everywhere

Play on mobile or desktop. Tap or drag pieces into place. No installation needed—just open your browser.

Adjustable difficulty

Choose Easy (3×3), Medium (5×5), or Hard (7×7). Or set a custom grid from 2×2 up to 12×12.

How to Play

  1. Upload a photo — Choose any JPG, PNG, or WebP image from your device.
  2. Pick a difficulty — Select Easy (3×3), Medium (5×5), Hard (7×7), or set your own grid size.
  3. Drag or tap pieces to the board — Place pieces where you think they belong. You can swap pieces or move them around freely.
  4. Use Hint and Undo — After placing all pieces, click Hint to flash any misplaced ones in red. Use Undo/Redo to fix mistakes.
  5. Celebrate your win — When all pieces are correct, a "Solved!" badge and celebration effect appear.

Tips & Tricks

Start with edges

Corner and edge pieces are easiest to place. Find all the flat-edged pieces first, then work inward.

Use the Hint button

Once all pieces are placed on the board, click Hint to flash any wrong pieces in red for 2 seconds.

Check the reference

Tap the eye icon in the Pieces panel to see the original photo while solving. Switch back to see piece outlines.

Frequently Asked Questions

Can I use my own photo?

Yes. Upload any JPG, PNG, or WebP image from your device and the puzzle is built from it instantly.

What grid sizes are available?

There are three presets — 3×3 (Easy), 5×5 (Medium), and 7×7 (Hard) — plus a custom mode where you can set any number of rows and columns from 2 to 12.

Does it work on mobile?

Yes. Tap to select and place pieces, or drag them into position. The layout adjusts for small screens automatically.

Is my photo uploaded to a server?

No. Your photo stays entirely in your browser. Nothing is sent to a server.

Further Reading

Jigsaw puzzle

Learn the history and types of jigsaw puzzles on Wikipedia.

Canvas API

Discover how the HTML5 Canvas API powers interactive graphics in the browser.

Drag and Drop API

Learn about the web APIs that enable drag-and-drop interactions on the web.