Unredacter

Vous montre pourquoi vous ne devriez jamais, au grand jamais, utiliser la pixelisation comme technique de rédaction. Pour une explication plus complète de son fonctionnement, consultez mon article de blog ici.

Comment l'essayer

Installez les dépendances :

npm install

Puis lancez avec

npm start

Et voilà.

Comment déchiffrer votre propre image pixellisée

C'est un peu manuel et pas du tout optimisé. Je pense que vous comprendrez pourquoi. Si quelqu'un souhaite tenter de rendre ce processus plus intégré à l'application, je suis tout ouïe. Est-ce que j'ai l'air d'un développeur Electron ? Mais bon, voici :

1. Recadrez votre image pour ne garder que la zone pixellisée. Sans bordures, sans autre texte. Remplacez secret.png par cette image. Je recommande de le faire dans GiMP.

2. Notez la taille du bloc (c'est simplement la taille de chaque bloc pixellisé). Remplacez blockSize dans le code par cette valeur.

3. Réglez le CSS correctement. C'est la partie la plus difficile et la plus longue. Essayez de le saisir dans test.html et affichez-le dans Chrome. Ajustez-le jusqu'à ce que vous puissiez reproduire un texte échantillon aussi exactement que possible. Portez une attention particulière à l'espacement des mots et des lettres. S'il est de travers, tout sera faussé. Faites aussi attention au font-weight, sinon les caractères seront trop clairs ou trop sombres. Je ne saurais trop insister sur l'importance de cette étape, car tout dépend de la capacité à reproduire correctement les caractères masqués.

4. Déterminez le jeu de caractères que vous voulez essayer. Il se trouve en haut de preload.ts.

5. Appuyez sur le bouton Go et voyez si cela fonctionne !