이미지 블러 강도, px 값만으로는 알기 어렵다
CSS의 filter: blur() 값은 절대 px 단위지만, 실제로 느껴지는 블러 강도는 이미지 크기 대비 블러 반경의 비율로 결정됩니다. 800px 이미지에 20px 블러는 은은하게 느껴지지만, 200px 썸네일에 같은 20px 블러는 형태를 알아보기 어려울 정도로 강하게 작용합니다.
이 계산기는 이미지 너비와 용도를 입력하면 이미지 너비 × 용도별 비율 공식으로 적정 블러 반경을 계산하고, 그 값이 이미지 대비 몇 %인지 함께 보여줍니다.
용도별 블러 강도 가이드
배경을 부드럽게 흐려 콘텐츠를 강조할 때는 너비의 3% 정도, 이미지 로딩 중 보여주는 저해상도 플레이스홀더는 1.5% 정도의 약한 블러가 적당합니다. 반면 얼굴이나 번호판처럼 식별 정보를 가리는 개인정보 블러는 5% 이상으로 충분히 강하게 적용해야 원본 복원 위험을 줄일 수 있습니다.
주의할 점
블러 반경이 너무 작으면 확대·선명화 보정으로 원본이 드러날 수 있으므로, 개인정보 보호 목적이라면 여유 있게 강한 값을 사용하는 것이 안전합니다.
자주 묻는 질문
블러 반경 값은 이미지 크기와 어떤 관계가 있나요?
같은 px 값이라도 이미지가 작으면 더 강하게, 크면 더 약하게 느껴집니다. 이미지 너비 대비 비율(%)로 판단해야 정확합니다.
개인정보 블러는 얼마나 강해야 안전한가요?
이미지 너비의 5% 이상을 권장합니다. 너무 약한 블러는 보정으로 원본이 복원될 위험이 있습니다.