컴퓨터 그래픽에서 디더링이란 무엇입니까?

0
1416

노란색과 분홍색 디더링 픽셀 아트
PixelChoice/Shutterstock.com

그래픽이나 이미지 편집 도구를 사용할 때 “디더링”이라는 단어를 접했을 것입니다. 재미있는 이름에도 불구하고 디더링은 이미지가 화면에 올바르게 표시되도록 하고 복고풍 게임 아트를 디자인하는 데 중요한 역할을 합니다.

컴퓨터 그래픽에서 디더링이 작동하는 방식

디더링은 이미지에 노이즈를 전략적으로 적용하는 것을 설명하는 데 사용되는 용어입니다. 일반적으로 출력이 특정 색상 범위로 제한되는 이미지의 모양을 개선하는 데 사용되었습니다.

예를 들어, 1비트 이미지는 단색이며 흑백의 두 가지 색상 팔레트만 사용할 수 있습니다. 디더링을 사용하여 점 사이의 거리를 변경하여 여러 음영의 모양을 만들 수 있습니다. 아래 이미지에서 여러 가지 회색 음영을 인지할 수 있지만 표시되는 색상은 흑백뿐입니다.

디더링의 예
팀 브룩스

이러한 형태의 디더링은 인쇄 매체, 특히 신문과 초기 만화책에 뿌리를 두고 있습니다. 발행인은 인쇄할 수 있는 색상의 수에 제한이 있었기 때문에 인식 범위를 확장하고 이미지에 질감을 추가하고 더 보기 좋은 만화와 사진을 만들기 위해 디더링을 사용했습니다.

프린터가 더욱 정교해짐에 따라 디더링은 더욱 강력한 도구가 되었습니다. 작업할 색상이 많아지면서 풀 컬러 사진을 재현하는 것이 더 보편화되었습니다. 오늘날에도 일부 용지는 인쇄 과정에서 여전히 디더링을 사용합니다. 이 현상은 가까이 가면 분명히 알 수 있습니다.

디더링으로 디스크 공간 절약, 밴딩 방지

월드 와이드 웹의 출현으로 디더링은 파일 크기를 줄이는 데 유용한 도구가 되었습니다. 웹 초기에는 전화 접속 속도가 데이터 전송을 어렵게 했습니다. 사진에는 수천 또는 수백만 개의 색상이 포함될 수 있으므로 표시할 수 있는 색상을 제한하면 파일 크기가 크게 줄어들 수 있습니다.

제한된 색상 공간에서 사용 가능한 색상을 결합하여 디더링을 통해 파일 크기의 일부에서 세부 이미지를 확실하게 재현할 수 있습니다. 아래 이미지에는 256가지 색상만 포함되어 있으며 이미지의 확대된 부분에 디더링 패턴이 표시됩니다.

256색으로 디더링된 이미지
팀 브룩스

애니메이션 GIF는 파일 크기를 줄이기 위해 디더링에 의존했습니다. 애니메이션 GIF는 실제로 컨테이너에 있는 많은 이미지(프레임)이며 차례로 표시됩니다. 디더링을 사용하면 이러한 프레임의 무게를 줄일 수 있지만 이미지 품질은 저하됩니다.

제한적인 색상 팔레트로 인한 색상 밴딩을 피하기 위해 디더링도 사용됩니다. 예를 들어, 하늘에 16개의 파란색 음영이 있지만 팔레트에 2개만 표시할 수 있는 경우 한 음영이 다음 음영으로 이동할 때 색상의 거친 “띠”가 생깁니다. 아래에서 볼 수 있듯이 디더링을 사용하여 이러한 음영 사이의 거리를 변경하여 그라디언트를 만들 수 있습니다.

파란색 및 보라색 색상 디더링의 예
PixelChoice/Shutterstock.com

이미지를 디더링하는 데 사용되는 다양한 알고리즘이 있으며 가장 널리 사용되는 알고리즘은 Floyd-Steinberg 알고리즘입니다. 자신의 이미지를 업로드하고 제한된 색상, 다양한 알고리즘을 실험하고 Dither it을 사용하여 디더링이 어떻게 작동하는지 확인할 수 있습니다! 웹 응용 프로그램.

스타일 선택으로 디더링

현대적인 인터넷 연결로 인해 디더링과 같은 기술의 필요성이 줄어들었지만 복고풍 미학으로 인해 종종 원하는 모양이 되었습니다. “Dither-punk”로 알려진 주목할만한 예는 다음과 같습니다. 오브라 딘의 귀환 그리고 로그 인베이더.

이러한 게임의 복고풍 디자인에 끌린다면 에뮬레이터로 복고풍 게임을 즐기는 방법과 오락을 동반하는 법적 지뢰밭을 배우는 것이 좋은 출발점입니다.

관련된: 최고의 올인원 레트로 게임 에뮬레이터 RetroArch를 설정하는 방법