브라우저에서 이미지 크기를 정확한 KB 단위로 압축하는 방법 (캔버스, 이분 탐색, 그리고 품질 저하를 멈춰야 할 때)

비자, 시험, 채용 포털에 업로드하는 양식에서 종종 "사진은 100KB 미만이어야 합니다"라는 문구를 볼 수 있습니다. 휴대폰으로 찍은 사진은 3~5MB에 달하며, 일반적으로 품질 슬라이더를 조정하여 파일 크기가 적절해 보이도록 하는 것이 일반적인 조언입니다. 브라우저의 Canvas API를 사용하여 이 과정을 자동화할 수 있으며, 중요한 부분은 품질을 낮추는 것을 언제 멈춰야 하는지 아는 것입니다. 품질을 인코딩하고 크기를 읽으세요. `canvas.toBlob(callback, "image/jpeg", quality)`는 Blob을 제공합니다. `blob.size`는 바이트 단위의 파일 크기입니다. 이것만 측정하면 됩니다. fun