Wirebook

Wirebook › Bonus lesson

Can a blocky picture be made sharp again?

Bonus lesson · about 7 minutes · hands-on · nothing you type leaves your browser

In films, a detective says “enhance!” and a blocky picture turns sharp. Can a real computer do that? Play the mystery blob game, try the enhance button yourself, then find out why blurring or pixelating a password in a screenshot does not hide it. Everything happens in your browser.

Step 1: what is the mystery blob?

This picture has only 4 squares per side. Each square is the average colour of 256 real pixels. You have 5 detail coins: tap a square to buy back that patch at full detail, or spend a coin on a wrong guess. Coins you keep are your score.

It's a…

Why the blocks can't be turned back

Making a picture blocky is a one-way trip. Take a patch of 256 pixels: some brown teeth, some white sky, some green skin. Averaging them gives one muddy colour. Lots of different patches give exactly that same muddy colour, so when you only have the average, there is no way to know which patch it came from. That is why the patches you bought in the game had to be copied from the original: the detail wasn't hiding inside the block, it was thrown away. It is the same idea as lossy compression in the suitcase lesson.

Step 2: press “Enhance!”

Here a picture is shrunk to 8 squares per side. The enhance button does what real photo apps do with a small picture: it smooths the squares by blending each one into its neighbours. Does the lost detail come back?

Blocky (8 per side)
“Enhanced”
The real original

Some newer apps use AI to “upscale” photos, and the results can look amazingly sharp. But the AI has not found the missing pixels. It has guessed what a face or a sign usually looks like and painted that in. That is fine for a fun wallpaper and wrong for evidence: an upscaled number plate can show letters that were never there.

Step 3: be the snoop

People often pixelate a PIN, a password or a name before sharing a screenshot. Type a pretend 4-digit PIN (please not a real one; it never leaves this page and is cleared straight away), pick how big the squares are, and hide it. Then switch sides and be the snoop.

Why pixelating isn't a safe way to hide things

The snoop never “un-pixelated” anything. They did something simpler: pixelation is a recipe anyone can repeat, so they wrote every possible PIN in the same lettering, pixelated each one with the same squares, and looked for the one that matched. A 4-digit PIN only has 10,000 possibilities, and a computer tries them all in a blink. Short words, names and card numbers with only a few hidden digits are just as guessable. Blurring has the same weakness.

To hide something in a screenshot, cover it with a solid box (black or any single colour) that goes fully over it, or crop it out. A solid box replaces the secret instead of smudging it, so every guess fits equally well. In a PDF or a document, drawing a box on top may not be enough: the text can still be underneath and copyable, so remove the text itself, then check by trying to select or search for it.

A few more honest details

Grown-up twins: Tooltern's image compressor (resize a photo and compare before and after with a wipe slider), the guide to megapixels vs file size, and the photo metadata viewer, because a picture can give away more than what you can see.

Words from this lesson

Earn a bonus badge

Get all 4 right to collect the Mystery blob bonus badge. Bonus badges are extra: they don't change your stamp count or rank. Wrong answers are fine: just try again.

1. A picture was made blocky: every square is the average of 256 pixels. Can a computer work out the original pixels from the squares alone?

2. An app makes a tiny photo look sharp with AI upscaling. Where did the new detail come from?

3. How could someone read a PIN that was pixelated in a screenshot?

4. What is the safe way to hide a password in a screenshot before you share it?

Try another lesson

  1. 3Can a website get tired?7 min · interactive
  2. 12How does a game remember where you got to?6 min · interactive
  3. 1What happens when you open a web page?6 min · interactive