이미지 분할

이미지 한 장을 게시물 9개에 걸쳐 보여주는 방식은 3×3 분할이 기본이에요. 프로필 격자는 최신 게시물이 먼저 보이기 때문에, 조각을 거꾸로 올려야 해요 — 오른쪽 아래 조각(9번)을 가장 먼저, 왼쪽 위 조각(1번)을 가장 마지막에 올리면 완성된 그림이 맞아요.

1×2나 1×3처럼 한 줄로 나누면 스와이프했을 때 왼쪽에서 오른쪽으로 자연스럽게 이어져요. 격자와 달리 캐러셀은 순서를 그대로 유지해서, 1번 조각부터 2번, 3번 순서로 올리면 돼요.

고정 크기 모드에서 방향을 세로로 두고 높이를 픽셀 단위로 지정하세요. 쇼핑몰 상세페이지라면 조각당 1000~1500px 정도가 흔히 쓰이는 범위예요. 너비는 그대로 두고 그 높이만큼 가로로 긴 띠 모양 조각으로 잘려서, 위아래로 긴 콘텐츠에 딱 맞아요.

격자 모드에서는 남는 픽셀을 각 축의 앞쪽 조각들에 나눠서 배분해요. 예를 들어 너비 1001px를 3칸으로 나누면 334 / 334 / 333으로 나뉘어서, 합치면 정확히 원본 크기가 돼요. 고정 크기 모드에서는 설정한 크기 그대로 자르고, 마지막 조각만 남은 만큼만 가져가요.

격자나 캐러셀에는 무손실인 PNG가 가장 무난해요. JPEG는 파일이 가장 작지만 투명 배경을 지원하지 않아서 투명한 부분이 흰색으로 채워져요. WebP는 JPEG처럼 작으면서도 투명도를 유지하니까, 원본에 알파 채널이 있다면 WebP가 좋은 선택이에요.

지금 쓰고 있는 기기 안에서만요. 업로드 자체가 없어서 디코딩도 분할도 브라우저의 Canvas API 안에서 처리되고, 조각은 다운로드를 눌러야 비로소 파일로 남아요. 원본이든 조각이든 서버에는 아무것도 남지 않고, 탭을 닫으면 그대로 사라져요.