본문 바로가기

Blog/Tech&Hobby

사진 속 민감한 부분 가리기, 간단하게 해결(ver.1.250901)

반응형

 

이미지 특정 영역 블러 도구

(PC: 드래그앤드롭 가능 / 모바일: 불러오기 버튼 사용)

이미지 속 특정 영역만 블러 처리하고 싶을 때

사진이나 그림을 블로그에 올리다 보면, 가끔은 일부 영역만 흐리게(블러) 하고 싶을 때가 있습니다. 그림에 모자이크처럼 그림 일부를 가려야 하는 경우가 있죠.
예를 들어 개인 정보가 담긴 부분이나, 보여주고 싶지 않은 영역 같은 것들이죠.
보통은 포토샵이나 전문 툴을 열어야 하지만,
이번에는 브라우저에서 바로 쓸 수 있는 블러 도구를 만들었습니다.
 


기능 소개

  1. 업로드: PNG, JPG, WEBP, BMP, SVG 파일을 올릴 수 있습니다.
    (드래그 앤 드롭, 붙여넣기 지원)
  2. 선택: 원하는 부분을 드래그하면 자동으로 색 영역 선택   
  3. 블러 적용: Blur Radius 조절 → 클릭 한 번으로 처리
  4.  다운로드: PNG/JPG/WEBP 포맷으로 저장

                Brush(그림판에서 굵은 선 그리는 방식), Rect(사각형 그려서 영역 설정) 방식으로 구현되었습니다.


실제 활용 예시

  • 사진 속 주민등록번호, 전화번호, 차량 번호판을 블러 처리
  • 블로그 글에 올릴 스크린샷에서 아이디/이메일 가리기
  • 그림 속 일부 오브젝트만 흐리게 해서 강조 효과 주기

포토샵 같은 전문 편집기를 열지 않고도, 브라우저 안에서 바로 원하는 영역만 블러 처리할 수 있습니다.
특히 블로그를 운영하면서 이미지를 자주 다루는 분들에게는 유용할 거예요.
→ 도구를 직접 사용해 보시고, 필요한 부분만 클릭해서 깔끔하게 블러 처리해 보세요.

반응형