사진의 색을
몇 단계로 줄일까

입력 채널값 i에 단계 수를 곱하고 256으로 나눈 뒤 소수점을 버립니다. 이렇게 얻은 번호를 단계 수 − 1로 나누면 0~1 출력값이 됩니다.

const bucket = Math.min(
  steps - 1, Math.floor(i * steps / 256)
);
const output = bucket / (steps - 1);

4단계라면 입력을 64개씩 묶습니다. 각 구간은 최종적으로 0·85·170·255 중 하나가 됩니다. 아래 표는 경계의 양쪽 값을 실제 함수에 넣어 확인했습니다.

기존 revision 1은 0~1 값을 단계 수에 맞춰 반올림했습니다. revision 2는 256개 입력을 구간으로 나누는 방식입니다. 두 식은 구간 경계가 달라 같은 설정에서도 결과가 달라질 수 있습니다.

// 예전 프로젝트
Math.round(x * (steps - 1)) / (steps - 1)

// 새 조정 레이어
Math.min(steps - 1, Math.floor(i * steps / 256))
  / (steps - 1)

저장된 프로젝트의 revision을 읽어 해당 계산을 선택합니다. 알고리즘을 바꿔도 예전에 저장한 작업이 다른 색으로 열리지 않게 하기 위한 분기입니다. 기존 16종 프로젝트의 픽셀 유지 테스트도 통과했습니다.