이미지 / 사진 작업실
전후 비교 슬라이더
편집 가능한 레이블과 실시간 슬라이더로 전후 이미지를 비교합니다. 두 이미지가 포함된 휴대용 HTML 파일, 애니메이션 GIF 와이프 또는 지원되는 브라우저에서 사용할 수 있는 WebM을 다운로드합니다.
전후 비교 슬라이더: 전 이미지의 비율을 사용하고, 애프터 이미지는 중앙을 기준으로 잘라 맞춥니다. HTML 다운로드 파일에는 두 PNG 이미지가 데이터 URI로 포함되며, 키보드로 사용할 수 있는 자체 범위 슬라이더도 들어 있습니다. GIF 와이프는 480 by 480 픽셀 안에 맞춰지며, 브라우저 녹화를 지원하는 경우 WebM 와이프는 약 2초 동안 녹화됩니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.
- 카테고리
- 이미지 도구
- 실행 횟수
- 브라우저에서
- 비용
- 무료 · 가입 불필요
- 사용 가능 여부
- 사용 가능
브라우저에서 전부 실행됩니다
실시간 비교
비교할 사진을 모두 선택하십시오.
이 브라우저에서는 WebM 녹화를 사용할 수 없습니다. 대신 GIF 와이프를 다운로드하십시오.
휴대 가능한 비교
두 이미지를 동일한 비율로 정규화하고 PNG 데이터 URI로 HTML에 삽입합니다. 기본 범위 입력으로 보이는 후면 이미지 영역을 조절하며 키보드 화살표도 지원합니다. 파일에 인라인 JavaScript가 포함되어 있어 제한적인 호스팅 정책으로 차단될 수 있습니다.
애니메이션 내보내기
녹화하기 전에 WebM 사용 가능 여부를 확인합니다. WebM 또는 캔버스 캡처를 사용할 수 없으면 GIF를 대체 형식으로 사용합니다. MediaRecorder 지원 확인: https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder/isTypeSupported_static
사용 방법
- 전후 사진을 선택합니다.
- 레이블을 추가하고 비교 슬라이더를 움직입니다.
- 대화형 슬라이더는 HTML로, 애니메이션 와이프는 GIF 또는 지원되는 WebM으로 다운로드합니다.
개인정보 보호 및 제한사항
입력 내용과 이미지는 브라우저에 유지됩니다. 아무것도 업로드하지 않습니다.
관련 도구
자주 묻는 질문
HTML은 오프라인에서 작동합니까?
예. 외부 요청 없이 하나의 파일에 두 이미지와 슬라이더 코드가 모두 포함됩니다.
WebM이 비활성화된 이유는 무엇입니까?
브라우저가 WebM 녹화와 캔버스 캡처를 지원해야 합니다. 이러한 기능을 사용할 수 없으면 GIF 와이프를 사용하십시오.
이미지 비교 슬라이더와 무엇이 다릅니까?
이 페이지에서는 작동하는 HTML 슬라이더와 애니메이션 와이프를 내보냅니다. 이미지 비교 슬라이더에서는 나란히 배치한 레이아웃을 포함해 정적 PNG를 내보냅니다.
무료 도구 · 브라우저에서회 실행 · 계정 불필요