시공·청소·보정·운동 변화
인테리어·리모델링·청소·세차·사진 보정·제품 개선·운동 변화·조경·수리 사례처럼 같은 대상을 전후로 보여줄 때 사용할 수 있습니다.
15 · IMAGE EDIT
전후 비교 이미지만들기
두 이미지를 좌우 또는 상하로 배치해 깔끔한 전후 비교 이미지를 만드세요.
LOCAL브라우저에서 바로 처리
WORKSPACE
전후 비교 이미지 작업장
Before와 After 이미지 두 장을 선택하면 바로 비교 미리보기가 만들어집니다.
이미지는 서버로 전송되지 않으며 현재 브라우저에서만 처리됩니다.
STEP 01
1. Before·After 이미지 선택
비교할 이전 사진과 이후 사진을 각각 한 장씩 넣어 주세요.
JPG, JPEG, PNG, WebP · 정확히 두 이미지 · 파일당 15 MiB · 최대 20MP
HOW TO USE
사용 방법
- 01
Before와 After 이미지를 선택한 뒤 좌우 또는 상하 비교 방향을 정합니다.
- 02
필요하면 Before·After 위치를 바꾸고 두 이미지의 채우기·전체 보기 방식을 선택합니다.
- 03
각 이미지를 드래그하고 확대율을 조절해 주요 피사체 위치를 비슷하게 맞춥니다.
- 04
Before·After 문구와 중앙 구분선, 배경·간격·외곽 여백을 목적에 맞게 조절합니다.
- 05
결과 비율과 픽셀 크기, 출력 형식을 확인한 뒤 이미지로 다운로드합니다.
USE CASES & NOTES
활용 예시와 주의사항
전후 비교 이미지를 실제 작업 사례와 콘텐츠에 사용할 때 알아두면 좋은 범위입니다.각도·거리·조명을 비슷하게
두 사진의 촬영 조건이 크게 다르면 실제 변화보다 차이가 커 보이거나 작아 보일 수 있습니다. 이 도구는 변화량의 객관성을 자동 판정하지 않습니다.
작은 원본과 투명 배경 확인
작은 원본을 크게 확대하면 흐려질 수 있습니다. PNG·WebP는 투명 배경을 사용할 수 있지만 JPG는 선택한 배경색으로 합성됩니다.
BEFORE & AFTER GUIDE
전후 사진을 정확하고 자연스럽게 맞추는 실무 기준
두 사진의 비율이 달라도 왜곡하지 않고 프레이밍, 라벨, 구분선과 결과 크기를 같은 좌표 모델로 맞추는 것이 핵심입니다.같은 장면을 나란히
Before는 왼쪽, After는 오른쪽에 두고 두 영역을 동일한 높이로 비교합니다.
인테리어·청소·보정 사례처럼 좌우 시선 이동이 자연스러운 콘텐츠에 적합합니다.세로 콘텐츠와 모바일
Before를 위, After를 아래에 배치해 좁은 화면에서도 각 사진을 충분히 크게 볼 수 있습니다.
세로 사진이나 모바일 중심 콘텐츠에서 유리합니다.크롭과 빈 공간의 선택
채우기는 영역을 꽉 채우지만 일부가 잘릴 수 있고, 전체 보기는 원본을 모두 보여주는 대신 배경이 보일 수 있습니다.
피사체가 잘리면 전체 보기 또는 위치 조절을 사용하세요.ALIGNMENT PRACTICE
사진 크기와 구도가 다를 때 맞추는 방법
피사체 기준
얼굴·건물·제품처럼 비교할 핵심 피사체를 먼저 찾고 각 영역에서 비슷한 위치로 이동합니다.
확대율 기준
한쪽 사진만 필요한 만큼 확대할 수 있습니다. 확대율 연결은 촬영 구도가 비슷할 때만 사용하는 것이 안전합니다.
구분선 기준
기본은 정확한 50:50 중앙이며, 이미지 사이 간격이 있어도 구분선은 두 영역 사이의 중앙 기준을 유지합니다.
라벨 안전영역
Before·After 라벨은 피사체를 가리지 않는 모서리에 두고 짧은 문구를 사용해야 비교 자체가 더 명확합니다.
출력 크기
미리보기보다 큰 최종 출력에서는 작은 원본이 확대되어 흐려질 수 있으므로 원본 해상도와 결과 크기를 함께 확인합니다.
투명도
PNG·WebP는 투명 배경을 유지할 수 있지만 JPG는 선택한 배경색으로 합성됩니다.
CHECK BEFORE USE
전후 비교 이미지를 사용할 때 확인할 점
촬영 조건
각도·거리·조명이 크게 다르면 실제 변화보다 차이가 커 보이거나 작아 보일 수 있습니다.
원본 보호
도구는 원본 파일을 수정하지 않고 브라우저 안에서 새 비교 이미지만 만듭니다.
비율 유지
이미지는 강제로 늘어나지 않습니다. 채우기에서는 크롭, 전체 보기에서는 빈 공간이 생길 수 있습니다.
작은 원본
낮은 해상도 이미지를 크게 출력하면 흐려질 수 있습니다.
객관성
피부·체형 등 결과는 촬영 조건 영향을 받으므로 변화의 객관성을 자동으로 보장하지 않습니다.
개인정보
이미지 픽셀과 파일명은 외부 분석으로 전송하지 않는 로컬 처리 구조를 유지합니다.
FAQ
자주 묻는 질문
01사진 두 장의 크기가 달라도 되나요?+
예. 각 이미지를 비교 영역에 자동으로 맞추고 위치와 확대율을 별도로 조절할 수 있습니다.
02좌우뿐 아니라 상하 비교도 가능한가요?+
예. 좌우 비교와 상하 비교를 모두 지원합니다.
03사진이 잘리지 않게 만들 수 있나요?+
예. 전체 보기 방식을 사용하면 이미지 전체를 비교 영역 안에 표시할 수 있습니다.
04Before와 After 위치를 바꿀 수 있나요?+
예. 이미지와 해당 이미지의 맞춤·위치·확대 설정을 함께 바꿀 수 있습니다.
05Before와 After 글자를 수정할 수 있나요?+
예. 각각 원하는 짧은 문구로 변경하거나 라벨을 숨길 수 있습니다.
원본 파일은 수정되지 않습니다. 채우기 모드에서는 일부가 잘릴 수 있고, 작은 원본을 크게 확대하면 흐려질 수 있습니다.