블로거가 직접 공개한 핑크 이미지 디더링 기법

원제: My Images Are Dithered

왜 중요한가

저사양 웹 디자인 트렌드 확산 속에서 인쇄 기법 기반의 이미지 처리 방법론을 구체적 코드와 함께 공유한 사례로 주목된다.

개인 블로그 운영자 Jo는 2026년 7월 6일, 자신의 사이트에 사용하는 핑크 색조 이미지의 디더링 처리 방법을 상세히 공개했다. AM/FM 격자 방식의 인쇄 기법에서 영감을 받아 웹 이미지에 '인쇄물' 느낌을 구현하는 과정을 코드와 함께 설명했다.

Jo는 자신의 블로그 dead.garden에서 사이트 내 이미지에 적용하는 디더링 기법을 공개했다. 목표는 인쇄물 특유의 질감을 웹 이미지로 재현하는 것이었다.

포스트에서는 인쇄 방식의 두 가지 유형을 설명한다. AM(진폭 변조) 방식은 점의 크기로 명암을 표현하며, FM(주파수 변조) 방식은 점의 밀도로 명암을 조절한다. AM 방식은 규칙적인 패턴으로 인해 무아레(Moiré) 현상이 발생할 수 있어 DIN 16547 규격에 따른 색상 오프셋 처리가 필요하다. FM 방식은 점이 불규칙하게 분포하여 해당 문제가 없다.

Jo는 이번 기법을 통해 이미지 팔레트를 검은색과 핑크색 두 가지로 제한하고, 과거에 시도했던 방법보다 더 세밀한 점 크기를 적용했다고 밝혔다. 각 효과를 구현하는 코드도 블로그 내에 공개되어 있다.

또한 이 기법이 Low Tech Magazine 등이 사이트 경량화를 위해 디더링을 활용하는 것과 달리, 파일 크기 감소가 주된 목적이 아님을 명시했다. 경우에 따라 파일 크기가 오히려 늘어날 수 있다고도 언급했다. 이 포스트는 Hacker News에 소개되어 일반 독자 외에도 폭넓은 관심을 받았다.

출처

dead.garden — 원문 읽기 →