이미지 비교 슬라이더

두 이미지를 한 화면에 겹쳐 가운데 슬라이더 핸들로 보정 전후·필터 효과·디자인 변경을 직관적으로 비교합니다.

A · 이전

📁 이전 이미지 선택

B · 이후

📁 이후 이미지 선택

방향

라벨 표시 (BEFORE / AFTER)

사용 방법

이미지 두 장 업로드

"이전(BEFORE)" 영역과 "이후(AFTER)" 영역에 각각 이미지를 끌어다 놓거나 클릭해 선택. 두 이미지의 크기가 같으면 가장 자연스럽습니다.

모드 선택

좌우(가로 슬라이더) 또는 상하(세로 슬라이더) 모드를 탭으로 전환. 라벨 표시 여부도 토글할 수 있습니다.

슬라이더 조작

가운데 핸들을 드래그하거나 키보드 ←→ ↑↓로 정밀 조절. 마우스 hover로도 자동 따라가는 옵션이 있습니다.

두 이미지의 크기가 다르면?

본 도구는 컨테이너에 맞춰 두 이미지를 같은 영역에 표시합니다. 비율이 다르면 letterbox(여백)가 생길 수 있어 같은 비율을 권장합니다. 정확한 비교에는 동일 해상도가 가장 좋습니다.

슬라이더는 키보드로도?

네. 핸들에 포커스가 있으면 ← →(가로 모드) 또는 ↑ ↓(세로 모드)로 1%씩 정밀 조절됩니다. Shift 누르고 누르면 10%씩.

결과를 한 장의 이미지로 저장?

본 도구는 비교용 화면 표시만 제공합니다. 한 장의 이미지로 합쳐 저장하려면 "이미지 일괄 처리"나 "카드뉴스 메이커" 같은 별도 도구를 사용하세요.

어떤 용도에 좋은가요?

사진 보정 전후, AI 업스케일링 비교, 필터 효과 미리보기, 웹 디자인 A/B 비교, 인테리어 리모델링 전후 등 "같은 영역의 변화"를 직관적으로 보여줘야 할 때 효과적입니다.

데이터가 서버에 전송되나요?

아닙니다. 모든 표시는 브라우저에서만 이루어지며, 이미지가 외부로 전송되지 않습니다.