✂️ 이미지 자르기
마우스 드래그로 사각형 선택하여 자르기. 종횡비 고정 (1:1 / 4:3 / 16:9 / 자유) 지원. 브라우저 내에서 처리.
🔒 개인정보 보호
- ・모든 처리는 브라우저 내에서 완료됩니다
- ・이미지 데이터는 서버로 전송되지 않습니다
- ・저장 로그 · 업로드 기록 · 데이터베이스 없음
- ・가입 · 로그인 · 결제 불필요
드래그 & 드롭, 클릭 또는 붙여넣기
💡 이미지에서 드래그하여 자르기 영역 선택
📖 자주 걸리는 지점
이미지를 드래그로 사각 선택해 잘라 냅니다. 종횡비의 고정(1:1 / 4:3 / 16:9 / 3:2 / 9:16 / 자유)에 대응하며 PNG · JPEG · WebP 로 내보낼 수 있습니다. 처리는 Canvas API 로 브라우저 안에서 끝납니다. 트리밍은 픽셀을 실제로 버리는 조작이며 되돌릴 수 없습니다 — 표시 범위를 바꾸는 것이 아니라 선택 범위의 밖에 있던 데이터는 출력 파일에 존재하지 않게 됩니다. 이 점이 다음 주의점의 전제가 됩니다.
| 사례 | 무슨 일이 일어나는가 | 어떻게 하면 되는가 |
|---|---|---|
| 잘라 낸 이미지가 생각보다 작다 · 거칠다 | 잘라 내기의 출력 크기는 선택한 범위의 실제 픽셀 수 그 자체입니다. 4000px 의 사진에서 화면상 작아 보이는 범위를 골라도 그것이 원본 이미지의 300px 에 해당한다면 출력은 300px 의 이미지가 됩니다. 화면이 축소 표시되어 있으면 이 감각이 어긋나기 쉬워 큰 사진에서 잘라 냈으니 충분한 해상도가 있을 것이라는 짐작이 빗나갑니다. SNS 의 헤더 이미지나 썸네일에 쓰면 업로드한 곳에서 늘어나 명백히 거칠어집니다. | 용도에 필요한 출력 크기를 먼저 정하세요. OGP 이미지라면 1200×630, X 의 헤더라면 1500×500 처럼 규정된 크기가 있으므로 그것을 밑도는 범위는 잘라 내지 않는 것이 원칙입니다. 부족한 경우 확대해도 화질은 돌아오지 않습니다 — 원본 이미지를 더 높은 해상도로 다시 준비하는 것 외에 방법은 없습니다. 작업의 순서로는 먼저 필요한 비율로 잘라 내고 다음에 리사이즈 도구로 규정 크기에 맞추는 것이 확실합니다(이미지 리사이즈). 잘라 낼 범위를 고르는 동안 선택 영역의 실제 픽셀 수를 의식하세요 — 이것이 판단의 유일한 재료입니다. |
| 비율을 고정했는데 출력의 종횡비가 딱 맞지 않는다 | 비율 고정은 드래그 중인 선택 틀을 비율에 맞춰 조정하는 기능이며 최종적인 픽셀 수에는 1 px 단위의 반올림이 들어갑니다. 16:9 로 골랐다고 생각해도 1920×1079 처럼 1 px 어긋나는 경우가 있습니다. 또 선택 범위가 이미지의 끝에 닿으면 거기서 클램프되므로 비율이 무너집니다 — 끝까지 가득 쓰고 싶을 때 일어나기 쉬운 현상입니다. SNS 의 미리보기나 동영상의 썸네일처럼 규정 크기가 엄밀히 정해져 있는 용도에서는 이 1 px 이 여백이나 늘어남으로 눈에 보입니다. | 엄밀한 치수가 필요하다면 잘라 낸 뒤 리사이즈를 한 번 거세요 — 1 px 의 차이는 확대 축소로 흡수되어 규정 크기에 딱 맞게 됩니다. 이 순서가 중요하며 먼저 리사이즈하고 나서 잘라 내면 필요한 범위가 다 들어가지 않는 경우가 있습니다. 끝까지 쓰고 싶은 경우에는 비율 고정을 풀고 자유롭게 고른 뒤 나중에 리사이즈로 비율을 맞추는 편이 빠릅니다. 그리고 최종적인 확인은 반드시 실제 게재처에서 하세요 — OGP 이미지는 각 SNS 가 독자적으로 트리밍하므로 1200×630 에 맞춰도 중앙 이외는 잘릴 가능성이 있습니다. 중요한 요소는 중앙 쪽에 두세요. |
| JPEG 으로 저장했더니 투명 부분이 검게 되었다 | JPEG 은 투명도를 다룰 수 없습니다. 로고나 아이콘처럼 투과를 포함하는 PNG 를 잘라 내 JPEG 으로 저장하면 투명이던 부분은 흰색이나 검정으로 칠해집니다 — 어느 쪽이 될지는 구현에 달렸고 Canvas 의 초기 상태는 투명한 검정이므로 검게 되는 쪽이 많습니다. 흰 페이지에 둘 생각으로 준비한 이미지가 검은 테두리가 붙어 표시되는 것은 이 경로입니다. WebP 는 투과를 유지할 수 있으므로 이 문제는 일어나지 않습니다. | 투과가 필요하다면 PNG 나 WebP 를 고르세요. 구분의 기준은 — 사진은 JPEG 이나 WebP, 투과를 포함하는 도형이나 로고는 PNG 나 WebP, 파일 크기를 최우선한다면 WebP 입니다. WebP 는 같은 화질에서 JPEG 보다 25~35% 작고 게다가 투과와 애니메이션에 대응합니다 — 주요 브라우저는 모두 대응이 끝났으므로 웹 용도에서는 제일 후보입니다. 다만 메일에 첨부하거나 오래된 이미지 편집 소프트웨어로 열거나 인쇄소에 입고하는 용도에서는 WebP 를 열 수 없는 경우가 있습니다 — 건넬 상대가 정해져 있는 경우에는 그 상대가 열 수 있는 형식을 고르세요. 망설여지면 PNG 가 가장 호환성이 높은 선택입니다. |
숨길 목적으로 트리밍을 쓸 때는 형식에 주의하세요. PNG 나 JPEG 의 트리밍은 픽셀을 실제로 버리므로 안전하지만 PDF · Word · PowerPoint 의 그림 자르기는 표시 범위를 바꿀 뿐이며 원래 이미지는 문서 안에 통째로 남아 있습니다 — 받은 쪽이 자르기 초기화를 하면 전부 보입니다. 이는 실제로 몇 번이나 정보 유출을 일으킨 경로이며 검은 사각형을 위에 겹쳐 숨기는 방법도 마찬가지로 위험합니다(도형을 움직이면 아래가 보입니다). 기밀 부분을 지우고 싶다면 반드시 이미지로 내보낸 뒤 그 이미지를 편집하세요. 한 가지 더, Canvas 를 거치므로 EXIF 는 사라집니다 — GPS 좌표나 촬영 일시가 떨어지므로 공개 전의 처리로는 형편이 좋은 한편 촬영 일시를 유지하고 싶은 업무 용도에서는 별도로 메타데이터를 기록해 둘 필요가 있습니다.
📖 사용법
-
1
이미지 불러오기드래그, 클릭, 또는 Ctrl+V 붙여넣기.
-
2
종횡비 선택자유 / 1:1 / 4:3 / 16:9 / 3:2 / 9:16 중 선택.
-
3
영역 드래그드래그하여 자를 영역 지정. 다시 시작은 선택 해제.
-
4
자르기와 다운로드자르기 실행 후 다운로드.
❓ 자주 묻는 질문
이미지가 서버에 업로드됩니까?
자르기 영역의 정밀도는?
지원되는 이미지 형식은?
🔗 관련 도구
🐛 이 도구에서 문제가 발생했나요?
무료 · 가입 불필요. 재현 절차만이라도 도움이 됩니다. 보고는 운영자에게 직접 전달되어 개선에 사용됩니다.
보고 감사합니다!
운영자에게 전달되었습니다. 개선에 사용됩니다.