🔍 이미지 비교

인터랙티브 비포/애프터 슬라이더로 이미지 비교

🔒 이미지가 기기 밖으로 나가지 않아요. 모든 처리는 Canvas + CSS clip-path overlay를 사용하여 브라우저에서 로컬로 이루어져요. 업로드, 서버, 추적이 없어요.

기능

  • Interactive Slider — Drag the slider to reveal differences between two images.
  • Clear Labels — Before/After labels help identify which image is which.
  • Touch Support — Works on mobile devices with touch gestures.

작동 방식

  1. Upload Image A — Drop or select the 'before' image.
  2. Upload Image B — Drop or select the 'after' image.
  3. Compare — Drag the slider left and right to compare.

활용 사례

  • Compare image quality before and after compression
  • Show design iterations or filter effects
  • Verify image processing results

자주 묻는 질문

Do the images need to be the same size?

For best results, use images with the same dimensions. Different-sized images will still work but may not align perfectly.

관련 도구