PNG 회전
원본: x
PNG 파일을 업로드하면 90도, 180도 또는 270도로 회전할 수 있습니다. PNG는 손실 없는 형식이므로 원하는 횟수만큼 자유롭게 회전해도 화질이 저하되지 않습니다. 반면 JPG은 반복적인 재인코딩으로 인해 아티팩트가 축적됩니다. 투명도는 그대로 유지되며, 회전 각도가 90도의 배수일 경우 크기가 자동으로 반전됩니다(예: 1920×1080은 1080×1920이 됩니다).
PNG 파일의 회전 기법이 어떻게 작동하는가
-
1
PNG를 디코딩합니다
deflate로 압축된 픽셀 데이터가 원시 ARGB 버퍼로 압축 해제됩니다.
-
2
버퍼를 회전시키세요
픽셀은 새로운 방향에 따라 재주소화됩니다. 90° 회전 시 행과 열이 교환되며, 180° 회전 시 두 요소 모두 반전됩니다.
-
3
PNG 형식으로 재인코딩합니다
회전된 픽셀 버퍼는 deflate 함수를 사용하여 재압축되며, 출력 결과는 항상 손실 없이 생성됩니다.
-
4
투명도를 보존하세요
알파 채널은 RGB와 함께 회전되므로 투명한 영역은 그대로 투명하게 유지됩니다.
PNG를 회전할 때 항상 손실이 없는 이유
PNG는 픽셀을 정확하게 인코딩하므로 JPEG처럼 양자화나 8×8 DCT 블록을 사용하지 않습니다. 90도의 배수로 회전하는 것은 단순히 픽셀의 위치만 변경하는 것으로, 색상 값은 그대로 유지됩니다. 임의의 각도를 사용하더라도 가장 근접 이웃 방식 대신 적절한 리샘플링 필터(예: 비쿠브릭 또는 란츠오스 필터)를 선택할 경우 데이터 품질이 잘 보존됩니다.
회전 옵션
| 작업 | 너비/높이 변경 | 일반적인 사용 사례 |
|---|---|---|
| 90° 시계 방향 | 뒤바뀜 | 세로 사진을 가로로 |
| 180° | 변경 없음 | 반전 스캔, 위아래 뒤집힌 촬영 |
| 270° 시계 방향 | 뒤바뀜 | 가로를 세로로 반대 방향 |
| 임의 각도 | 맞게 확장 | 기울어진 스캔이나 사진 바로잡기 |
회전 후 파일 크기
PNG의 디플레이트 압축 방식은 행별 중복성에 민감하다. 대부분 수평선으로 구성된 경관 사진은 인접한 행들이 유사하게 보이기 때문에 효율적으로 압축된다. 그러나 이 이미지를 90도 회전하면 해당 선들이 수직으로 변하므로 사진 콘텐츠의 압축률이 현저히 저하될 수 있다.
| 콘텐츠 유형 | 90° 회전 후의 일반적인 크기 변화 |
|---|---|
| 평면 색상 그래픽 | <1% 변화 |
| UI 스크린샷 | 1~5% 변화 |
| 사진(PNG 형식) | 최대 15~20% 더 커짐 |
| 투명한 UI 자산 | 무시할 수 있을 정도 |
사진의 경우 방향과 관계없이 JPG 형식이 더 적합합니다. PNG 사진을 회전시킨 후 크기가 크게 커진다면, 이를 JPG로 변환하는 것이 좋습니다.
투명도
완전 투명 픽셀, 반투명 픽셀 및 불투명 픽셀은 모두 함께 회전되며, 알파 채널은 RGB 채널의 변화를 따릅니다. 부드러운 드롭 그림자가 있는 로고는 회전 후에도 동일하게 유지되며(그림자는 단지 방향이 반대로 바뀌는 것뿐입니다).
브라우저에서와 CSS에서의 로테이션 시점
- 파일을 회전하세요. 이미지가 디스크에서 잘못된 방향이거나, 회전 메타데이터를 무시하는 곳에 업로드되거나, 인쇄될 때입니다.
- CSS로 회전하세요. 웹 페이지에서 일시적인 시각적 회전만 필요할 때는
transform: rotate(...)를 사용합니다. 파일 내용은 그대로 유지되며, 브라우저가 표시 시 회전을 합성합니다.
여러 번의 회전
PNG는 회전을 자유롭게 연속적으로 적용할 수 있습니다. 90° + 90° + 90° + 90°로 반복하면 정확한 원본 바이트 형태로 복원됩니다(적어도 픽셀 내용의 경우는 그렇지만, 인코더 파라미터에 따라 몇 바이트 차이가 있을 수 있습니다). 반면 JPG은 재인코딩으로 인한 정보 손실 때문에 동일한 보장을 제공하지 않습니다.
메타데이터
PNG는 메타데이터용 텍스트 조각(tEXt, iTXt, zTXt)을 지원합니다. 이 도구는 canvas에서 픽셀을 다시 그려 새 PNG로 내보내는 방식으로 회전하므로, 이러한 텍스트 조각은 회전된 파일에 유지되지 않습니다. 내장된 메타데이터를 보존해야 한다면, 해당 조각을 복사하는 도구로 회전하거나 회전 후 메타데이터를 다시 추가하세요.
자주 묻는 질문
네, 약간입니다. PNG의 압축 방식은 행에 따라 달라지므로 90도 회전하면 이미지 내용에 따라 파일 크기가 1~20% 정도 변할 수 있습니다.
네. PNG는 픽셀을 정확하게 인코딩하므로 회전하거나 다시 저장해도 품질이 손실되지 않습니다. JPG와는 다릅니다.
네. 알파 채널은 RGB 채널과 함께 회전되므로 투명한 영역도 그대로 투명하게 유지됩니다.
이 도구는 안티알리아싱 재샘플링 기능을 통해 임의의 각도를 지원합니다. 회전 과정 자체는 색상 정확성 측면에서 여전히 손실 없이 처리되지만, 가장자리는 픽셀 수준의 완벽함 대신 안티알리아싱 효과가 나타납니다.
아니요. 디코딩, 회전 및 재인코딩은 모두 브라우저 내의 캔버스와 PNG 인코더를 사용하여 수행됩니다.
관련 도구
Material Design 색상 선택기
Material Design 색상 팔레트를 둘러보세요. 어떤 음영(50부터 A700까지)이든 HEX, RGB, HSL로 한 번에 복사합니다.
십자수 도안 만들기
JPEG, PNG, WebP를 10–150칸, 2–40가지 전용 색상, 기호, 정확한 스티치 수와 원단 크기가 포함된 인쇄용 십자수 도안으로 변환하세요.
모눈종이 생성기
인쇄용 모눈종이를 온라인으로 만드세요: 사각 또는 점 격자를 선택하고 간격을 mm로 설정하며 A4 또는 Letter와 원하는 선 색을 지정한 뒤, 인쇄하거나 선명한 SVG로 내려받으세요.
깃발 만들기
여섯 가지 레이아웃, 색상, 텍스트, 기호로 간단한 맞춤 3:2 깃발을 브라우저에서 디자인하세요. SVG 또는 PNG를 내려받거나 브라우저 인쇄 대화상자를 열 수 있습니다.
이미지 포맷 변환기
브라우저에서 바로 이미지를 JPG, PNG, WebP로 변환하세요. 손실 형식의 품질을 조절하고 PNG와 WebP의 투명도는 그대로 유지됩니다.
이미지 색상 반전
이미지의 모든 RGB 채널을 반전시켜 네거티브를 생성합니다. 창의적인 편집이나 필름 스캔본을 확인하는 데 유용합니다.
이 도구는 다른 언어로도 제공됩니다
- PNG draaien [NL]
- Faire pivoter PNG [FR]
- تدوير صورة PNG [AR]
- Obróć PNG [PL]
- Putar PNG [ID]
- PNG drehen [DE]
- Rotar PNG [ES]
- หมุน PNG [TH]
- PNGを回転 [JA]
- Rita PNG [SV]
- Xoay ảnh PNG [VI]
- Rotacionar PNG [PT]
- Повернуть PNG [RU]
- PNG Döndür [TR]
- 旋转 PNG [ZH]
- Rotate PNG [EN]
- Ruota PNG [IT]