이미지 분할

이미지를 나눈다는 것

사진 한 장, 여러 조각. 프로필에서 3×3 격자가 되는 사진. 여러 장에 나눠 인쇄하려고 조각낸 큰 그림. 프레임별로 잘라 낸 스프라이트 시트. 퍼즐 카드가 된 그림.

손으로 하려면 자르고, 내보내고, 이름을 바꾸고, 그걸 아홉 번 되풀이해야 합니다. 게다가 이음매에서 화소 한 줄도 잃지 않도록 신경 쓰면서요.

이미지를 놓고, 어떻게 자를지 정하면, 모든 조각이 ZIP 하나로 돌아옵니다.

사용 방법

• 눌러서 올리기를 누르거나 이미지를 페이지에 놓습니다
• 미리 정해진 값을 고르거나(인스타그램 3 × 3도 있습니다), 직접 행과 열을 정하거나, 조각 크기를 픽셀로 정합니다
• 미리보기를 보세요. 받게 될 조각으로 이미 나뉜 모습을 보여 줍니다
• 조각 자르기를 누릅니다
• ZIP을 저장하거나, 조각 하나를 눌러 그것만 저장합니다

미리보기가 곧 결과입니다

오른쪽에 있는 것은 원본 위에 선을 그어 놓은 것이 아닙니다. 보이는 조각 하나하나가 저마다

독립된 조각이고, 이미지에서 자기 몫의 부분을 보여 주며, 사이를 띄워 놓았습니다. 그래서

미리보기는 정말 중요한 질문에 답합니다. 각 파일 안에 실제로 무엇이 들어갈 것인가.

숫자를 바꿀 때마다 갱신되는 이유는 아직 아무것도 자르지 않았기 때문입니다. 각 조각은 그

조각 크기의 창 뒤에 놓인 같은 이미지일 뿐입니다. 격자를 바꾸는 일은 배치를 바꾸는 일이라,

슬라이더를 움직여도 따라옵니다.

조각 자르기를 누르면 바로 그 조각들이 진짜 파일이 됩니다. 조각 위에 올리면 저장 아이콘

이 나타나고, 누르면 그 조각만 저장됩니다. ZIP 버튼은 전부를 가져갑니다.

이 미리보기 아래의 두 가지 — 조각 사이 간격과 조각 이름 — 은 보이는 모습만 바꿉니다.

파일에는 결코 영향을 주지 않습니다.

정하는 방법 두 가지

• 격자 — "3 × 3". 몇 조각으로 나눌지 정하면, 조각 크기는 이미지 크기에서 따라옵니다. 프로필 격자, 퍼즐, 카드 묶음에는 이쪽입니다
• 조각 크기(픽셀) — "512 × 512". 조각 하나의 크기를 정하면, 개수가 따라옵니다. 스프라이트 시트, 지도 타일, 인쇄용 낱장에는 이쪽입니다

가장자리에서 생기는 일

결과가 쓸 만한지를 가르는 것이 바로 이 부분입니다.

두 방식은 이를 다르게 다루며, 둘 다 일부러 그렇게 한 것입니다.

격자는 남는 화소를 조각들에 나눠 줍니다. 1000픽셀 이미지를 셋으로 자르면 333, 334, 333이 됩니다. 1픽셀 차이라 아무도 알아채지 못합니다. 이웃보다 눈에 띄게 작은 조각은 생기지 않습니다.

고정된 조각 크기는 그럴 수 없습니다. 정확한 크기를 요청했기 때문입니다. 1000픽셀 이미지를 300픽셀 조각으로 자르면 온전한 조각 셋과 100픽셀의 나머지가 남습니다. 그 마지막 조각은 짧은 채로 둡니다. 채우면 원래 없던 배경이 붙고, 늘이면 내용이 일그러지므로 둘 다 하지 않으며, 그런 일이 생기면 미리보기가 알려 줍니다.

믿고 넘어갈 필요 없이 눈으로 볼 수 있습니다. 조각은 실제 비율 그대로 그려지므로, 짧은 가장자리 조각은 짧아 보입니다.

원본의 모든 화소는 정확히 한 조각에 들어갑니다. 이음매에서 잃는 것도, 겹치는 것도 없습니다.

조각이 다시 맞춰지도록 하는 이름

조각은 위치로 이름이 붙습니다. photo-r01c01.png, photo-r01c02.png 같은 식으로 행이 먼저, 열이 나중이며 0으로 자릿수를 맞춥니다.

그래서 파일 탐색기든 업로드 창이든 이름순으로 정렬하면 읽는 순서, 곧 왼쪽에서 오른쪽, 위에서 아래로 놓입니다. 인스타그램 격자라면 게시물이 최신순으로 보인다는 점을 기억하고 거꾸로 올리세요.

PNG냐 JPG냐

• PNG는 화소를 그대로 지킵니다. 조각은 원본의 해당 부분과 바이트 단위로 같고 투명도 살아남습니다. 그래픽, 화면 캡처, 앞으로 더 편집할 것에 알맞습니다
• JPG는 파일이 훨씬 작고 품질 조절이 가능합니다. 사진에 알맞습니다. JPG에는 투명이 없어서 투명한 부분은 흰색이 됩니다

이런 때 씁니다

• 사진 한 장으로 인스타그램 3 × 3 격자 만들기
• 큰 그림을 인쇄용 낱장으로 잘라 붙여 포스터 만들기
• 스프라이트 시트를 프레임별로 나누기
• 이미지 하나로 퍼즐 조각이나 학습 카드 만들기
• 지도나 도면을 뷰어용 타일로 자르기
• 긴 화면 캡처를 읽기 좋은 덩어리로 나누기

알아 두면 좋은 점

• 아무것도 업로드되지 않습니다. 이미지는 브라우저 안에서 잘리며 기기를 떠나지 않습니다
• 원본 파일은 바뀌지 않습니다 — 새 조각을 받습니다
• 한 번에 최대 400조각이라, 격자가 걷잡을 수 없이 커져도 페이지가 멈추지 않습니다
• PNG, JPG, WebP, GIF에서 작동합니다(움직이는 GIF는 첫 프레임)
• 모든 조각이 ZIP 하나에 담깁니다 — 조각 하나를 눌러 그것만 저장할 수도 있습니다
• 컴퓨터는 물론 휴대폰과 태블릿에서도 됩니다

관련 도구

• 사진 콜라주 만들기 — 반대 작업. 여러 사진을 하나로
• 이미지 자르기 — 전부가 아니라 한 부분만 가져오기
• 이미지 크기 조정 — 자르기 전에 크기 맞추기
• 이미지 압축 — 자른 뒤 조각을 가볍게
• 파일 압축과 압축 풀기 — 방금 만든 ZIP 열기