이미지 듀오톤 효과

기본 콘트라스트 0은 두 컬러 사이 선형 램프. 콘트라스트 올리면 트랜지션 가팔라짐 — 중간 회색 많은 이미지가 탁한 혼합 컬러 되는 경우 유용. 낮추면 더 부드럽고 회화적 그래디언트. 미드포인트 슬라이더는 노출 불균등 사진에서 분리 지점 이동.

feColorMatrix로 이미지를 그레이스케일 변환(BT.709 휘도 계수 사용), 그다음 feComponentTransfer의 table 함수로 각 채널을 섀도우·하이라이트 RGB 값 사이 2점 그래디언트로 리매핑. 결과: 캔버스 버전과 같은 효과, 단 래스터화 없이 — SVG 필터 위 CSS 트랜지션으로 애니메이트 가능.

명암이 뚜렷하게 갈리는 사진이다. 어두운 배경 위의 밝은 피사체, 강한 그림자, 알아볼 수 있는 실루엣 같은 것들이다. 이 효과는 색상을 통째로 버리고 명도만 대응시키므로, 피사체가 밝기가 아니라 색으로 배경과 구분되던 사진은 알아볼 수 없는 덩어리가 된다. 후보 사진을 먼저 흑백으로 바꿔보라. 거기서 읽히면 듀오톤에서도 읽힌다.

PNG로는 대개 훨씬 작아진다. 결과물이 사진의 전체 팔레트가 아니라 두 색 사이의 좁은 계조만 담고 있어서 압축이 아주 잘 되기 때문이다. JPEG으로는 절감이 적고 아티팩트가 더 잘 보인다. 이 형식은 사진의 세부를 위해 조율돼 있지 두 색의 매끄러운 그라디언트를 위한 것이 아니기 때문이다. 이미지가 아주 커서 용량이 지배적인 경우가 아니라면 듀오톤은 PNG로 내보내라.