이 도구에 대해
콜라주는 몇 장의 개별 사진을 하나의 공유 가능한 이미지로 만들어 줍니다 — 여행 사진의 2×2 그리드, 제품 사진의 3×1 스트립, 무드보드용 큰 3×3 모자이크 등. 이 도구는 그 그리드를 완전히 브라우저 안에서 만듭니다. 이미지를 추가하고, 원하는 행과 열의 수를 선택하고, 간격과 틈 사이로 보이는 배경색을 설정하면, 모든 것을 하나의 캔버스에 합성하여 PNG 또는 JPG로 다운로드할 수 있습니다.
각 사진은 셀을 완전히 채우도록 크기가 조정되고, 셀의 가로세로 비율에 맞춰 중앙에서 잘립니다 — CSS의 `object-fit: cover`와 동일한 동작입니다 — 그래서 세로 사진과 가로 사진 모두 찌그러지거나 여백이 생기지 않고 이웃 셀과 딱 맞게 배치됩니다. 이미지는 추가한 순서대로 그리드를 채우며, 그리드의 셀 수보다 많은 사진을 추가하면 초과분은 그냥 제외되고(안내 문구 표시), 더 적게 추가하면 남은 셀은 배경색으로 유지됩니다. 아무것도 업로드되지 않습니다 — 전체 콜라주는 Canvas API로 로컬에서 그려지며 이미지가 기기 밖으로 나가는 일이 없습니다.
자주 묻는 질문
이미지가 셀의 종횡비와 맞지 않으면 어떻게 되나요?
셀을 완전히 덮도록 크기가 조정된 후(CSS `object-fit: cover`처럼), 맞도록 중앙에서 잘립니다 — 이미지는 항상 왜곡이나 빈 레터박스 막대 없이 셀을 가장자리까지 채우지만, 셀의 비율에 맞지 않는 부분은 양옆이나 위/아래에서 잘립니다.
그리드의 셀 수와 다른 개수의 이미지를 사용할 수 있나요?
네, 두 방향 모두 우아하게 처리됩니다: 셀보다 이미지가 적으면 남은 셀은 선택한 배경색으로 표시됩니다. 셀보다 이미지가 많으면 초과분은 오류 없이 그냥 무시됩니다(몇 개가 제외되었는지 알려주는 메모와 함께) — 모든 이미지를 포함하고 싶다면 행×열을 정확히 맞게 조정하세요.