이미지 디더링

세 알고리즘이 만드는 차이

디더링은 사용할 수 있는 픽셀을 공간적으로 배열하여 더 작은 색상 집합으로 명암을 표현합니다. Floyd와 Steinberg는 1976년 논문 An Adaptive Algorithm for Spatial Greyscale에서 전방 오차 확산을 소개했습니다. 양자화된 각 픽셀의 오차를 아직 처리하지 않은 이웃 픽셀에 나눕니다. 한 가지 임계값을 전체에 적용하는 것보다 미세하고 불규칙한 질감을 만들며 점진적인 변화를 잘 유지합니다.

Atkinson도 오차 확산 방식이지만 이웃 패턴과 유지하는 오차량이 다릅니다. Apple은 Floyd-Steinberg와 Atkinson을 별도의 vImage 디더링 방식으로 나열합니다. Atkinson은 더 선명하고 대비가 높은 결과를 내는 경우가 많지만 부드러운 명암 변화 일부를 잃을 수 있습니다.

Bayer 4×4는 순서 디더링입니다. 픽셀 사이로 오차를 전달하는 대신 고정된 4×4 임계값 행렬을 이미지 전체에 반복합니다. 이 방식은 B. E. Bayer의 1973년 논문 An Optimum Method for Two-Level Rendition of Continuous-Tone Pictures에서 유래했습니다. 눈에 보이는 규칙적 패턴은 복고풍 그래픽과 예측 가능한 질감에 적합합니다.

팔레트와 alpha의 경계

모노크롬은 보이는 RGB를 두 명암으로 줄입니다. 그레이스케일은 여러 중립 단계를 유지하고 제한 색상은 RGB를 작은 색상 집합으로 양자화합니다. 피사체를 인식하거나 손실된 세부를 복원하거나 새 색상을 추론하지 않습니다. 출력은 처리된 픽셀 크기의 래스터이며 SVG나 다른 벡터 작업물이 아닙니다.

디더 계산은 RGB만 변경합니다. 부분 투명도를 포함한 각 픽셀의 원본 alpha를 복사하며 완전히 투명한 픽셀은 그대로입니다. PNG 명세는 완전 투명부터 완전 불투명까지의 픽셀별 alpha를 정의합니다. JPEG에는 alpha가 없지만 PNG와 일부 WebP 입력에는 있을 수 있습니다.

브라우저 처리와 PNG 내보내기

브라우저가 파일을 디코딩하고 픽셀을 읽어 알고리즘을 적용한 뒤 다운로드를 로컬에서 만듭니다. 이미지 바이트는 업로드되거나 Livewire 요청이나 퍼널 URL에 들어가지 않습니다. 퍼널 모드에서는 탭별 임시 브라우저 저장소가 로컬 프로젝트를 페이지 사이에 최대 2시간 유지합니다. Reset이 삭제하고 방치된 데이터는 자동 만료됩니다. HTML Canvas 명세는 픽셀 읽기와 toBlob() 내보내기를 정의하며 요청 형식을 지원하지 않으면 PNG를 사용하도록 요구합니다.

15 MiB, 원본 20메가픽셀, 한 변 8,192픽셀 제한은 브라우저 메모리를 보호합니다. 작은 파일도 큰 버퍼가 될 수 있습니다. 출력은 필요하면 자동 축소되어 최대 4메가픽셀로 인터페이스 응답성을 유지합니다. 입력 제한을 넘으면 먼저 줄이세요. PNG는 처리 픽셀과 alpha를 무손실로 보존하지만 메타데이터, 레이어, 벡터 개체는 보존하지 않습니다.