사진 흐리게(블러)

사진 전체 블러란

이 도구는 사진의 일부가 아니라 화면 전체를 고르게 흐리게 만듭니다. 특정 영역만 가리는 모자이크와 달리, 이미지 구석구석까지 같은 강도로 뿌옇게 처리해 배경 이미지나 흐린 썸네일, 로딩 자리표시 화면처럼 "전체가 부드럽게 번진" 결과물을 얻을 때 씁니다. 설치나 서버 업로드 없이 브라우저에서 블러 강도(반경)만 슬라이더로 조절하면 즉시 미리보기가 갱신됩니다.

작동 원리와 블러 반경

블러는 각 픽셀의 색을 주변 픽셀들의 평균으로 다시 계산하는 처리입니다. 이 도구는 canvas의 가우시안 블러 필터를 사용하는데, 가운데 픽셀에 가장 큰 가중치를 두고 멀어질수록 가중치를 낮춰 섞기 때문에 자연스럽게 번집니다. 블러 강도는 "반경(px)"으로 정해지며, 반경이 한 픽셀 색을 계산할 때 참고하는 이웃 범위입니다. 반경 2px이면 옆 2픽셀까지만 섞여 살짝 뿌옇고, 반경 20px이면 훨씬 넓은 범위가 평균되어 형체를 알아보기 어려울 만큼 뭉개집니다. 반경이 커질수록 계산량이 늘어 큰 사진에서는 미리보기 갱신이 조금 느려질 수 있습니다. 모든 처리는 사용자 브라우저 안에서만 이뤄져 이미지가 외부로 전송되지 않습니다.

이럴 때 씁니다

발표 슬라이드나 웹페이지 히어로 영역에 사진을 깔고 그 위에 제목을 올릴 때, 배경이 선명하면 글자가 묻힙니다. 전체를 흐리게 처리하면 글자 가독성이 올라갑니다. 또 캡처 화면 전체를 공유하되 세부 내용은 감추고 싶을 때, 부분 모자이크로 일일이 가리기 번거로우면 전체 블러가 간단합니다.

사용 팁

배경용으로 쓸 때는 블러를 강하게 준 뒤 그 위에 반투명 검은 막을 얹으면 흰 글자가 더 또렷하게 보입니다. 원본 해상도가 낮은 사진은 약한 반경에도 금방 뭉개지므로 값을 조금씩 올리며 미리보기로 확인하세요. 반대로 개인정보를 가릴 목적이라면 반경을 넉넉히 키워야 안전합니다. 약한 블러는 확대하거나 보정 프로그램으로 어느 정도 형체를 되살릴 여지가 있기 때문입니다. 저장하면 흐려진 상태가 픽셀에 확정되어 원본으로 되돌릴 수 없으니 원본 파일은 따로 보관하세요.

자주 묻는 질문