웹에서 이미지를 업로드할 때, 용량이 큰 이미지를 서버에 바로 전송하면 속도도 느리고 서버 부담도 커지기 마련입니다.그래서 프론트엔드에서 미리 이미지 사이즈를 줄이고(base64 또는 Blob 등으로) PHP 서버로 전송하면 효율적으로 처리할 수 있습니다.이번 글에서는 JavaScript로 이미지 리사이징을 수행하고, PHP로 업로드하는 전체 과정을 예제와 함께 정리해보겠습니다.✅ 전체 흐름 요약사용자가 파일 선택JavaScript에서 이미지 리사이징 (canvas 사용)리사이징된 이미지를 Blob 또는 Base64로 변환FormData에 담아 서버에 전송 (AJAX)PHP에서 업로드 처리🧪 1. HTML - 파일 입력 필드 만들기업로드🧪 2. JavaScript - 이미지 리사이징 코드functio..