최근 한 개발자가 웹 브라우저 탭에 표시되는 작은 아이콘인 파비콘(favicon)을 활용해 웹사이트 콘텐츠를 저장하고 구동하는 독특한 실험을 선보였습니다. 일반적으로 단순한 브랜드 로고 이미지로 사용되는 파비콘에 HTML 코드를 직접 심어 넣고, 이를 자바스크립트(JavaScript)로 다시 읽어 웹페이지로 렌더링하는 데 성공한 것입니다. 이는 데이터를 숨길 수 있는 모든 것을 저장 공간으로 보는 개발자의 호기심에서 시작된 프로젝트입니다.
이 개발자는 HTML 콘텐츠를 UTF-8 바이트로 변환한 뒤, 각 바이트를 파비콘 이미지의 픽셀 RGB 채널에 순서대로 기록했습니다. 예를 들어, 첫 번째 바이트는 첫 픽셀의 빨간색(R) 채널, 두 번째 바이트는 초록색(G) 채널, 세 번째 바이트는 파란색(B) 채널에 저장하는 식입니다. 이렇게 만들어진 파비콘은 시각적으로는 무작위 노이즈처럼 보이지만, 실제로는 208바이트의 HTML 코드를 담고 있었습니다. 놀랍게도 이 모든 데이터는 9x9 픽셀이라는 매우 작은 이미지(총 81픽셀)에 저장되었으며, 이는 일반적인 파비콘보다도 작은 크기입니다. 웹페이지에서 이 파비콘을 불러와 캔버스(Canvas) API를 통해 픽셀 데이터를 읽고, 역순으로 바이트를 재구성하여 원래의 HTML을 복원하는 방식으로 웹사이트를 구동했습니다.
이 실험은 파비콘이 단순한 이미지를 넘어 데이터를 저장하고 전달하는 잠재적인 매체가 될 수 있음을 보여줍니다. 물론, 저장할 수 있는 데이터의 양이 매우 적고, 웹페이지 구동을 위한 별도의 자바스크립트 로더가 필요하다는 점에서 실제 웹 개발에 활용될 실용성은 낮습니다. 하지만 이 프로젝트는 웹 기술의 경계를 탐색하고, 우리가 당연하게 여기는 요소들이 가진 숨겨진 가능성을 발견하는 데 의미가 있습니다. 이는 개발자들이 고정관념을 깨고 창의적인 방식으로 기술을 활용할 수 있음을 시사하며, 미래의 웹 기술 혁신에 영감을 줄 수 있는 흥미로운 사례로 볼 수 있습니다.