bishopfox/unredacter절대, 절대, 절대로 픽셀화를 말소(레드랙션) 기법으로 사용하지 마세요.
픽셀화를 정보를 가리는(redaction) 기법으로 절대, 절대, 절대 사용해서는 안 되는 이유를 보여드립니다. 자세한 작동 방식은 블로그 게시물을 확인하세요.
의존성을 설치하세요:
npm install
그런 다음 아래 명령으로 시작하세요.
npm start
그게 전부입니다.
이 과정은 다소 수동적이며 전혀 간소화되어 있지 않습니다. 이유를 알게 되실 거라 생각합니다. 이 프로세스를 앱 안에서 더 간편하게 만들어 보고 싶은 분이 있다면 언제든지 의견을 듣고 싶습니다. 제가 Electron 개발자처럼 보이나요? 어쨌든, 방법은 다음과 같습니다:
이미지를 픽셀화된 영역만 남도록 크롭하세요. 테두리나 다른 텍스트는 없어야 합니다. secret.png를 그 이미지로 교체하세요. GiMP에서 하는 것을 권장합니다.
블록 크기를 기록해 두세요(각 픽셀화 블록의 크기입니다). 코드에서 blockSize를 그 값으로 바꾸세요.
CSS를 정확히 맞추세요. 이것이 가장 어렵고 시간이 많이 걸리는 부분입니다. test.html에 입력하고 Chrome에서 확인하세요. 샘플 텍스트를 최대한 정확하게 재현할 수 있을 때까지 조정하세요. 특히 단어와 글자 간격에 주의하세요. 간격이 어긋나면 전부 망가집니다. 또한 font-weight도 중요합니다. 그렇지 않으면 결과가 너무 옅거나 진하게 나올 수 있습니다. 가려진 문자를 정확하게 재현하는 것이 전체의 핵심이므로, 이 단계가 얼마나 중요한지 아무리 강조해도 지나치지 않습니다.
시도할 문자 세트를 결정하세요. preload.ts의 상단에 있습니다.
Go 버튼을 누르고 작동하는지 확인하세요!
