이미지 크롭 (비율 맞춤)

이미지를 끌어다 놓고 비율 일곱 가지 가운데 하나를 고르면 — 1:1, 4:3, 3:2, 16:9, 9:16, 21:9, 2:3 — 가운데를 잘라 내려받습니다. 잘라 내는 영역은 언제나 원본 안에 들어가는 가장 큰 해당 비율 직사각형이라 늘어나거나 확대되는 일이 없습니다. 4000×3000 사진을 16:9로 자르면 가로는 그대로 두고 위아래에서 375픽셀씩 덜어 냅니다.

결과는 가져온 형식 그대로 다시 부호화되는데, 비용은 바로 여기에 숨어 있습니다. PNG를 넣으면 화소가 온전한 PNG가 나옵니다. JPEG를 넣으면 JPEG가 나오는데, 캔버스는 이를 브라우저 기본 품질로 부호화합니다. 직접 재어 보니 정확히 0.92였고, 그 값을 명시적으로 넘겼을 때와 바이트 단위로 같았습니다. 즉 남겨 둔 부분까지 한 번 더 압축됩니다. 한 번 자르는 정도면 눈에 띄지 않지만 여러 번 거친 파일이라면 다릅니다. 원본 화소가 필요하다면 더 조심스럽게 자르는 것이 아니라 무손실 원본에서 자르는 것이 답입니다.

더 날카로운 모서리는 캔버스가 쓸 수 없는 형식입니다. BMP나 GIF는 문제없이 해독되지만, 저장 시점에 브라우저가 조용히 PNG로 물러서면서 내려받는 이름은 원래 확장자를 유지합니다. 그래서 photo-1x1.gif라는 이름에 내용은 PNG인 파일이 생깁니다. 이름보다 내용을 믿도록 배운 프로그램은 대부분 그대로 읽지만, 확장자로 분기하는 쪽은 읽지 못합니다. .png로 이름만 바꾸면 아무 문제 없는 이미지입니다.

모든 처리는 브라우저의 캔버스에서 이루어지며 파일은 업로드되지 않습니다.