🔍 이미지 비교
인터랙티브 비포/애프터 슬라이더로 이미지 비교
✓ 영구 무료 · ✓ 가입 불필요 · ✓ 업로드 없음 · ✓ 오프라인 작동
🔒 이미지가 기기 밖으로 나가지 않아요. 모든 처리는 Canvas + CSS clip-path 오버레이를 사용하여 브라우저에서 로컬로 이루어져요. 업로드, 서버, 추적이 없어요.
기능
- 대화형 슬라이더 — 슬라이더를 드래그해 두 이미지의 차이를 확인해요.
- 명확한 라벨 — 전/후 라벨로 어느 이미지인지 쉽게 구분해요.
- 터치 지원 — 모바일 기기에서도 터치 제스처로 쓸 수 있어요.
작동 방식
- 이미지 A 업로드 — '전' 이미지를 끌어다 놓거나 선택하세요.
- 이미지 B 업로드 — '후' 이미지를 끌어다 놓거나 선택하세요.
- 비교 — 슬라이더를 좌우로 드래그해서 비교하세요.
활용 사례
- 압축 전후의 화질 비교
- 디자인 수정 과정이나 필터 효과 보여주기
- 이미지 처리 결과 확인
자주 묻는 질문
두 이미지 크기가 같아야 하나요?
같은 크기의 이미지를 쓰면 가장 좋아요. 크기가 달라도 작동하지만 딱 맞게 겹치지 않을 수 있어요.
관련 도구
💬 버그, 아이디어, 아니면 그냥 인사? Milo 🐨 에게 알리기 · [email protected]