liminfo

Image Flip/Rotate

이미지 회전, 반전

파일을 여기에 드래그하거나

파일 선택

JPG, PNG, WebP 등 이미지 파일 (최대 50MB)

Image Flip/Rotate 소개

이미지 회전 및 반전 도구는 브라우저에서 직접 이미지를 90도, 180도, 270도로 회전하고 좌우 또는 상하로 반전할 수 있습니다. HTML5 Canvas API의 ctx.rotate()와 ctx.scale() 변환을 사용하여 서버 업로드 없이 정밀한 기하학적 연산을 수행합니다.

JPG, PNG, WebP 이미지를 최대 50MB까지 드래그 앤 드롭 또는 파일 선택으로 업로드할 수 있습니다. 회전은 라디안 변환(도 * Math.PI / 180)으로 계산되며, 90도/270도 회전 시 캔버스 크기가 자동으로 전환됩니다. 좌우 반전은 scale(-1, 1), 상하 반전은 scale(1, -1)을 적용합니다.

여러 변환을 조합하여 원본과 결과를 나란히 실시간으로 미리볼 수 있습니다. canvas.toBlob()을 통해 원본 포맷(JPEG 또는 PNG)을 유지하며, 워터마크나 압축 아티팩트 없이 즉시 다운로드할 수 있습니다.

주요 기능

  • Canvas API ctx.rotate()로 시계방향 90도, 180도, 반시계방향 90도 회전 지원
  • ctx.scale(-1, 1) 변환으로 좌우 반전(미러링) 적용
  • ctx.scale(1, -1) 변환으로 상하 반전 적용
  • 누적 변환 상태 추적으로 여러 회전과 반전 조합 가능
  • 90도/270도 회전 시 캔버스 크기를 자동 전환하여 이미지 잘림 방지
  • 원본과 변환 결과를 나란히 실시간 미리보기 제공
  • canvas.toBlob()으로 원본 JPEG 또는 PNG 포맷을 유지한 채 다운로드
  • JPG, PNG, WebP 이미지 최대 50MB까지 드래그 앤 드롭 업로드 지원

자주 묻는 질문

회전 알고리즘은 어떻게 작동하나요?

HTML5 Canvas API 변환을 사용합니다. 캔버스 원점을 중앙으로 이동한 후 ctx.rotate()로 각도를 라디안으로 변환(도 * Math.PI / 180)하여 적용하고, 이미지를 크기의 절반만큼 오프셋하여 그립니다. 90도와 270도 회전 시에는 캔버스의 너비와 높이를 교환하여 회전된 이미지가 잘리지 않도록 합니다.

회전과 반전을 동시에 적용할 수 있나요?

네, 회전과 반전은 변환 상태 객체(회전 각도, 좌우반전 여부, 상하반전 여부)에 누적 추적됩니다. 새로운 변환은 이전 상태 위에 쌓이며, 모든 변환이 캔버스에서 translate, rotate, scale을 통해 한 번에 적용됩니다.

이미지 품질이 저하되나요?

90도, 180도, 270도 회전과 반전은 픽셀 격자에 대한 무손실 기하학적 연산입니다. 캔버스는 원본 해상도로 렌더링합니다. PNG로 다운로드하면 완전히 무손실이며, JPEG는 브라우저 기본 품질(보통 92% 이상)로 저장됩니다.

어떤 이미지 형식을 지원하나요?

JPG/JPEG, PNG, WebP, GIF, BMP, AVIF 등 브라우저가 지원하는 모든 이미지 형식을 지원합니다. 출력은 원본이 JPEG인 경우 JPEG로, 그 외에는 PNG로 저장되어 적절한 형식과 품질을 유지합니다.

파일 크기 제한이 있나요?

최대 50MB입니다. 모든 처리가 브라우저 Canvas API를 사용하여 로컬에서 이루어지므로 서버 업로드가 없습니다. 매우 큰 이미지(예: 8000x8000 픽셀)는 캔버스 렌더링 시 브라우저 메모리를 많이 사용할 수 있지만, 최신 브라우저는 잘 처리합니다.

이미지가 서버로 업로드되나요?

아니요. 전체 과정이 Canvas API를 사용하여 브라우저에서 클라이언트 사이드로 실행됩니다. 이미지는 URL.createObjectURL()로 로컬 파일에서 로드되고, HTML5 Canvas에서 변환되며, 결과 Blob은 브라우저 메모리에 남습니다. 네트워크를 통해 데이터가 전송되지 않습니다.

모든 변환을 초기화하려면 어떻게 하나요?

초기화 버튼을 클릭하면 변환 상태가 기본값(0도 회전, 좌우반전 없음, 상하반전 없음)으로 돌아갑니다. 결과 미리보기가 지워지고 원본 이미지에서 새로운 변환을 적용할 수 있습니다.

45도 같은 사용자 정의 각도로 회전할 수 있나요?

현재 도구는 사진 방향 보정에 가장 많이 사용되는 90도, 180도, 270도 고정 각도 회전을 지원합니다. 이 각도들은 임의 각도에서 발생하는 보간 아티팩트 없이 픽셀 단위로 정확한 정렬을 보장합니다.