이미지 블러
이미지를 어디에도 업로드하지 않고 블러 처리 — 배경 이미지, 배너 썸네일, 스크린샷 가리기, 디자인 목업에 유용합니다. Gaussian(기본, 부드러움), 박스(약간 거칠지만 가벼움), 가로/세로 모션 블러(움직임 표현) 중 선택. 반지름은 최대 64px까지 조정. 결과는 canvas에 렌더링되어 PNG로 다운로드 가능하며, 라이브 요소에 적용하고 싶으면 동등한 CSS `filter:` 문자열도 함께 제공됩니다.
—
사용법
- 이미지를 드롭하거나 선택 — 성능을 위해 최대 1600px로 축소됩니다.
- 블러 타입을 선택하고 반지름 슬라이더로 실시간 조정.
- PNG로 다운로드하거나 CSS `filter` 선언을 복사해 라이브 적용.
자주 묻는 질문
- 이미지가 업로드되나요?
- 아니요. `URL.createObjectURL`로 로드하고 canvas에서 렌더링 — 모두 브라우저 내부에서 일어납니다. 기기 밖으로 나가지 않아요.
- 왜 큰 이미지를 1600px로 축소하나요?
- 64px 반지름 블러를 4K 이미지에 적용하면 매우 느리고 탭이 멈출 수 있습니다. 1600px 상한은 응답성을 유지하면서도 웹용으로 충분한 품질을 만듭니다. 풀 해상도가 필요하면 사전에 자르거나 리사이즈하세요.
- Gaussian과 박스 블러의 차이는?
- Gaussian은 종형 곡선 가중치 사용 — 더 부드럽고 자연스러움. 박스 블러는 균등 가중치 — 계산이 약간 가볍고 좀 더 거친 느낌. 작은 반지름에서는 시각적으로 거의 비슷합니다.
관련 도구
CSS 필터 플레이그라운드
blur·brightness·contrast·hue·sepia·invert 등 9개 필터 시각 조합 — CSS 또는 Tailwind 임의값으로 복사.
색상 0 0
이미지 듀오톤 효과
어떤 이미지든 2색 듀오톤 효과 적용 — 섀도우 컬러·하이라이트 컬러 선택, 미드포인트·콘트라스트 조정, 결과 다운로드. Spotify 스타일 커버 2클릭에.
이미지 0 0
이미지 → WebP / JPEG / PNG 변환
PNG/JPG ↔ WebP 변환, 품질 슬라이더 조정 — 브라우저 canvas로 처리.
파일 0 0
이미지 엣지 검출 (Sobel / Scharr / Prewitt)
Sobel·Scharr·Prewitt 세 가지 고전 3×3 그래디언트 연산자로 이미지의 엣지를 검출합니다. 노이즈 제어용 사전 블러, 엣지 강도 임계값, 전경/배경 색 자유 설정으로 블루프린트·스케치·네온 스타일 출력 가능.
이미지 0 0
이미지 압축
JPEG·PNG·WebP 이미지를 브라우저에서 압축하고 크기를 줄이세요.
이미지 0 0
이미지 샤픈 (언샤프 마스크)
브라우저에서 언샤프 마스크 알고리즘으로 사진·스크린샷 선명화 — 슬라이더 3개 (amount, radius, threshold), 4개 프리셋 (약함 → 극강), 실시간 before/after 비교, PNG 다운로드. 업로드 없음.
이미지 0 0