Unredacter

Mostra por que você nunca, jamais, em hipótese alguma deve usar pixelização como técnica de censura. Para uma explicação mais completa de como isso funciona, confira meu post no blog aqui.

Como Experimentar

Instale as dependências:

npm install

Depois inicie com

npm start

É só isso.

Como Quebrar Sua Própria Imagem Pixelada

Isso é um pouco manual e nada automatizado. Acho que você verá o porquê. Se alguém quiser tentar tornar esse processo mais integrado ao aplicativo, estou todo ouvidos. Por acaso pareço um desenvolvedor Electron? Mas é isso, aqui vai:

1. Recorte sua imagem deixando apenas a área pixelada. Sem bordas, sem outro texto. Substitua secret.png por essa imagem. Recomendo fazer isso no GiMP.

2. Anote o tamanho do bloco (é apenas o tamanho de cada bloco pixelado). Substitua blockSize no código por esse valor.

3. Deixe o CSS perfeito. Esta é a parte mais difícil e demorada. Tente inseri-lo em test.html e visualizá-lo no Chrome. Ajuste-o até conseguir replicar um texto de exemplo com a máxima exatidão possível. Preste atenção especial ao espaçamento entre palavras e letras. Se ficar distorcido, tudo vai dar errado. Também ao font-weight, caso contrário as coisas ficarão claras ou escuras demais. Não posso enfatizar o suficiente o quanto essa etapa é crítica, pois tudo depende de replicar corretamente os caracteres ocultados.

4. Determine qual conjunto de caracteres você quer testar. Ele está no topo de preload.ts.

5. Pressione o botão go e veja se funciona!