이미지 흐림 효과

박스 흐림은 정사각형 영역 내 모든 픽셀을 균등하게 평균화하여 빠르지만, 특히 반경이 클 경우 다소 각지거나 인위적으로 보일 수 있습니다. 가우시안 흐림은 종형 곡선 감쇠를 사용하여 먼 픽셀보다 가까운 픽셀에 더 큰 가중치를 부여하여 더 부드럽고 자연스러운 흐림을 만들어내지만, 계산 비용이 다소 더 듭니다.

모션 블러는 설정한 방향과 거리에 따라 직선을 따라 취한 샘플로 각 픽셀을 평균화하여, 카메라나 피사체가 사진 촬영 중 움직이는 것과 같은 흐름 효과를 시뮬레이션합니다. 각도 0°는 수평으로 흐리게 하고, 90°는 수직으로 흐리게 하며, 0보다 큰 거리는 흐름을 더 길게 만듭니다.

방사형 흐림이 선택된 상태에서 이미지 어디든 클릭하면 줌 중심이 그 지점으로 이동합니다. 모든 것이 그 지점에서 안쪽 또는 바깥쪽으로 방사됩니다. 강도가 높을수록 중심에서 이어지는 선을 따라 픽셀을 더 멀리 끌어당겨 더 강한 줌 스트릭 효과를 만듭니다.

여기서 모든 흐림 효과는 브라우저에서 픽셀 단위로 계산되며, 작업량은 이미지 크기와 흐림 반경 또는 샘플 수 모두에 따라 증가합니다. 매우 큰 이미지에 높은 반경, 거리, 강도 설정을 결합하면 가벼운 흐림 효과가 있는 작은 이미지보다 렌더링하는 데 눈에 띄게 더 오래 걸립니다.

아니요. 이미지는 HTML canvas API를 사용하여 브라우저에서 완전히 로드되고 처리되며, 서버로 전송되지 않습니다. 페이지 자체를 로드하는 데만 인터넷 연결이 필요합니다.