Canvas API와 pdf-lib으로 백엔드 없이 인도용 브라우저 기반 파일 압축 도구 만들기

출처: Dev.to

ResizeKB를 만들었습니다 — 인도 사용자를 위해 특별히 설계된 무료 이미지·PDF 리사이저입니다. 25가지 이상의 도구. 서버에 파일을 업로드할 필요 없음. 순수 HTML, CSS, JavaScript만 사용. 어떻게 만들었고 왜 만들었는지 소개합니다.

문제점

기술 스택

이미지 처리용 Canvas API

총 인프라 비용: 도메인 연간 ₹1,162. 나머지는 모두 무료.

이미지 압축 — 이진 탐색 알고리즘

const img = await loadImage(file);
while (high - low > 0.01) {

PDF 압축 — 작동 방식

async function compressPDF(file, targetKB) {
  // 페이지당 목표 KB 계산
  // 계산된 DPI로 각 페이지를 캔버스로 래스터화
  const compressed = await pdfDoc.save();

프라이버시 — 왜 중요한가

브라우저 호환성 고려 사항

다르게 했으면 하는 점

결과 — 1주 차

• 사이트맵 제출 후 24시간 이내에 Google이 212페이지를 발견

사용해 보기

resizekb.com — 무료, 계정 필요 없음, 워터마크 없음, 모바일에서도 작동합니다.

소스 코드는 현재 비공개이지만, 댓글로 기술적인 질문에 기꺼이 답변해 드리겠습니다.