Unredacter

Ti mostra perché non dovresti mai, mai, mai usare la pixelazione come tecnica di redazione. Per una spiegazione più completa di come funziona, dai un'occhiata al mio post sul blog qui.

Come Provarlo

Installa le dipendenze:

npm install

Poi avvia con

npm start

Tutto qui.

Come Decifrare la Tua Immagine Pixelata

È un po' manuale e per niente ottimizzato. Penso che capirai il perché. Se qualcuno vuole cimentarsi nel rendere questo processo più integrato nell'app, sono tutto orecchie. Che aspetto ho, uno sviluppatore Electron? Ma sì, ecco a te:

1. Ritaglia la tua immagine fino a lasciare solo l'area pixelata. Niente bordi, niente altro testo. Sostituisci secret.png con quella. Consiglio di farlo in GiMP.

2. Prendi nota della dimensione del blocco (è semplicemente la dimensione di ogni blocco pixelato). Sostituisci blockSize nel codice con quel valore.

3. Sistema il CSS al punto giusto. Questa è la parte più difficile e che richiede più tempo. Prova a inserirlo in test.html e visualizzalo in Chrome. Modificalo finché non riesci a replicare un po' di testo campione nel modo più esatto possibile. Presta particolare attenzione alla spaziatura tra parole e lettere. Se si inclina, andrà tutto a rotoli. Anche il font-weight, altrimenti le cose risulteranno troppo chiare o troppo scure. Non posso sottolineare abbastanza quanto sia critico questo passaggio, perché l'intero meccanismo dipende dalla capacità di replicare correttamente i caratteri oscurati.

4. Determina quale set di caratteri vuoi provare. Si trova all'inizio di preload.ts.

5. Premi il pulsante e vedi se funziona!