파비콘에 웹사이트를 저장한 실험

9x9 픽셀 Favicon의 RGB 채널을 활용한 212바이트 HTML 데이터 임베딩 실험

neo2026년 6월 21일3분intermediate

AI 요약

Context

이미지 파일의 픽셀 데이터를 단순 시각 정보가 아닌 바이트 저장소로 활용하는 Steganography 개념을 적용함. 일반적인 Favicon의 용도를 넘어 이미지 채널 내에 실행 가능한 마크업 데이터를 은닉하는 구조적 가능성을 탐색함.

Technical Solution

TextEncoder를 통한 HTML 페이로드의 UTF-8 바이트 변환 및 데이터 무결성을 위한 4바이트 길이 헤더 추가
픽셀당 3바이트(R, G, B)의 색상 채널을 순차적 저장소로 정의하여 바이트 배열을 픽셀 값으로 매핑하는 인코딩 설계
Canvas API를 활용해 Favicon 이미지를 렌더링한 후 픽셀 데이터를 역순으로 읽어 바이트 배열을 복원하는 디코딩 로직 구현
복원된 바이트 배열에서 헤더 기반의 실제 페이로드 길이를 식별하여 UTF-8 텍스트로 최종 디코딩하는 파이프라인 구축
독립 실행 불가 제약을 해결하기 위해 HTML 복원 및 페이지 교체를 수행하는 별도의 Bootstrap JavaScript 로더 도입

실천 포인트

- 이미지 메타데이터나 픽셀 채널을 활용한 데이터 은닉 및 전송 가능성 검토 - SVG Favicon의 Markup 직접 삽입이나 PNG Chunk(tEXt, zTXt) 활용 등 더 효율적인 대체 저장소 분석 - 외부 데이터 의존성을 최소화하기 위한 최소 단위의 Bootstrap 로더 설계 적용

태그

#Steganography #Canvas API #Payload #Favicon #UTF-8 Encoding

원문 읽기