전후 비교 이미지 만들기
첫 번째 사진이 ‘전’, 두 번째 사진이 ‘후’예요. 순서는 바꾸기 버튼으로 뒤집을 수 있어요.
파일은 서버로 전송되지 않고 내 기기에서만 처리돼요
전 (Before) 사진눌러서 고르기
후 (After) 사진눌러서 고르기
전후⇔
미리보기 — 경계선을 끌어 비교해 보세요
만들 모양
두 사진을 같은 크기로 맞춰 한눈에 비교해요
보정 전후, 청소·수리 전후, 다이어트 전후처럼 두 장을 비교해 보여 줄 때는 크기와 구도가 같아야 차이가 잘 보여요. 전·후 사진을 넣으면 두 번째 사진을 첫 번째 사진의 가로세로 비율에 맞춰 가운데 기준으로 잘라 크기를 똑같이 맞춰요. 위쪽 미리보기에서 경계선을 끌거나 키보드 좌우 화살표로 움직이며 바로 비교해 볼 수 있어요.
만들 수 있는 모양
- 가로로 나란히·위아래 — 블로그·상세페이지에 많이 쓰는 기본 비교 이미지예요. 사이 간격과 색을 정할 수 있어요.
- 반반 나누기·사선 나누기 — 한 장 안에서 왼쪽은 전, 오른쪽은 후를 보여 줘요. 같은 자리에서 찍은 사진일수록 효과가 커요.
- 움직이는 GIF — 경계선이 좌우로 천천히 오가는 24장면 움짤이에요. 끝에서 잠깐 멈춰 전·후를 각각 보여 줘요. 용량을 줄이려고 긴 변 800px 이하로 만들고 256색 팔레트 하나를 모든 장면에 써요.
글자 넣기
‘전·후’ 대신 ‘Before·After’, ‘보정 전·보정 후’, 날짜 등을 써도 돼요. 글자는 반투명 어두운 상자 위에 흰 글씨로 넣어 어떤 사진에서도 잘 보여요. 글자 없음을 고르면 사진만 붙여요.
주의
전후 비교 사진을 광고에 쓸 때는 같은 조건(조명·각도·보정)으로 찍은 사진을 써야 오해가 없어요. 의료·미용 광고의 전후 사진은 의료법 등 관련 규정에 따라 쓸 수 있는 범위가 제한될 수 있으니 확인하세요.
참고한 자료
자주 묻는 질문
두 사진 크기가 달라도 되나요?
네. 두 번째 사진을 첫 번째 사진 비율에 맞춰 가운데를 기준으로 잘라요. 구도가 중요하면 미리 자르기로 맞춰 주세요.
GIF 용량이 커요.
저장 크기를 640px로 고르면 가벼워져요. 사진 색이 많을수록 GIF 용량이 커요.
사진이 서버로 올라가나요?
아니요. 이 기기 브라우저 안에서만 만들어요.
함께 쓰면 좋은 도구
- 이미지 합치기 (사진 가로·세로로 이어 붙이기)사진 여러 장을 가로 한 줄 또는 세로로 길게 한 장으로, 간격·배경색
- 사진 콜라주 만들기 (격자 배치)2·3·4·6·9칸 격자에 사진을 모아 한 장으로, 정사각·세로·가로 크기
- 이미지 비교 (두 사진 차이 찾기·다른 곳 표시)두 그림에서 달라진 곳을 빨갛게 표시하고, 밀어 보기·깜빡이기로 비교 — 다른 화소 수, PSNR, SSIM까지
- 사진 용량 줄이기 (목표 용량 KB 지정)JPG·PNG를 300KB 이하처럼 목표 용량에 맞춰 압축, 여러 장 ZIP
- PNG 용량 줄이기 (투명 배경 그대로, 색 수 줄이기·무손실 최적화)투명 배경을 지킨 채 PNG를 60~80% 작게: 색 수 줄이기(256색 이하) + 무손실 최적화, 여러 장 ZIP
- 사진 크기 바꾸기 (픽셀·비율 리사이즈)가로·세로 픽셀, 퍼센트, 자주 쓰는 크기로 여러 장 한 번에