PicBrewery 소개
PicBrewery는 사진과 그래픽을 모두 브라우저 안에서 압축·변환하는 무료 오픈 도구입니다. 이미지는 서버에 업로드되지 않고 기기에만 머무릅니다.
무엇인가요
PicBrewery는 사진·그래픽을 최적화하는 단일 페이지 웹 앱입니다. JPG, PNG, WebP, AVIF, BMP를 놓으면 네 가지 최신 형식의 압축본이 나란히 표시되어, 화질을 유지한 채 가장 작은 결과를 고를 수 있습니다. 한 배치당 최대 20개 파일·파일당 최대 20MB이며, 동시 인코딩은 2개로 제한해 노트북이 과부하되지 않도록 했습니다.
이미지를 최적화하는 이유
많은 웹 페이지에서 이미지가 전송량의 대부분을 차지합니다. HTML·CSS·JavaScript를 합친 것보다 큰 경우도 흔합니다. 압축과 최신 형식으로의 변환은 코드를 고치지 않고도 페이지를 빠르게 하고, 대역폭 비용을 줄이며, 검색 순위를 개선하는 가장 안전한 방법 중 하나입니다.
- 빠른 로딩과 SEO. 이미지 무게는 Largest Contentful Paint(LCP)의 주요 요인이며 Google Core Web Vitals에도 크게 영향을 줍니다. 히어로 이미지를 40~60% 줄이면 LCP가 ‘나쁨’에서 ‘좋음’으로 옮겨가기 쉽고, 모바일 검색·광고 품질에도 도움이 됩니다.
- 모바일·느린 회선에서 이탈 감소. 3G/4G나 불안정한 Wi‑Fi에서는 수 MB짜리 JPEG이 첫 화면을 지연시킵니다. 약 3초를 넘기면 이탈이 늘어납니다. 가벼운 AVIF나 WebP로 실제 트래픽 대부분을 차지하는 기기에서도 쾌적하게 유지할 수 있습니다.
- 호스팅·CDN 전송 비용 절감. 정적 사이트, 이커머스, SaaS 랜딩에서는 대역폭이 변동 비용의 중심이 되기 쉽습니다. 이미지 용량을 절반으로 줄이면, 전송의 상당 부분을 차지하는 이미지 egress도 거의 절반에 가까워질 수 있습니다.
- PWA 설치 크기와 오프라인 캐시. Service Worker 캐시에는 기기마다 한도가 있습니다. 이미지가 작을수록 오프라인 경험과 재방문이 빨라지고, 다른 자산을 위한 여유도 생깁니다.
- 앱·애니메이션 UX. 거대한 비트맵 디코딩은 메인 스레드를 막아 스크롤·화면 전환·갤러리 스와이프에서 끊김을 만듭니다. 가벼운 파일은 빨리 디코딩되어 저사양 기기에서도 부드럽게 유지하기 쉽습니다.
동작 방식
PicBrewery는 실사용 수준 이미지 코덱을 WebAssembly로 컴파일하고, UI가 멈추지 않도록 Web Worker 안에서 실행합니다. 데스크톱 도구와 같은 라이브러리가 처리의 본체이고, JavaScript는 접착 역할만 합니다.
- JPEG — 고품질 JPEG의 참조 구현인 MozJPEG.
- PNG — Rust 무손실 PNG 최적화 도구 oxipng.
- WebP — Google의 libwebp(손실·무손실 모두).
- AVIF — AOM AV1 인코더를 쓰는 libavif. 사진 압축의 최첨단에 가깝습니다.
파일을 놓으면 디코딩과 재인코딩은 모두 기기에서 이루어집니다. OffscreenCanvas와 타입 배열로 픽셀 데이터 복사를 최소화하고, 완성된 Blob은 다운로드 링크로 보내거나 브라우저 안의
fflate로 ZIP을 만듭니다.
개인정보
이미지 처리는 100% 클라이언트 사이드입니다. 파일 디코딩, 재인코딩, ZIP 생성은 모두 브라우저 안에서 끝나며 서버로 전송되지 않습니다. 코덱 바이너리는 정적 자산입니다. 한 번 로드되면 PicBrewery는 오프라인에서도 동작합니다.
사이트 자체는 개인정보를 존중하는 분석(Google 애널리틱스 4, Yandex.Metrica)을 사용하고, 프로젝트를 무료로 유지하기 위해 광고(Google AdSense, Yandex 광고 네트워크 등)를 표시할 수 있습니다. 이들은 쿠키 배너에서 옵트인할 때까지 로드되지 않습니다. 동의·거부·설정 변경은 언제든 개인정보 처리방침 페이지나 푸터의 “쿠키 설정”에서 할 수 있습니다.
테마·고급 코덱 설정 등 선호는 새로고침 후에도 남도록 기기의 localStorage에 저장됩니다.
브라우저 지원
WebAssembly, Web Worker, OffscreenCanvas를 지원하는 최신 브라우저가 필요합니다 — Chrome 90+, Firefox 90+, Safari 15+. 구형 브라우저에서는 비호환 안내 화면이 표시됩니다.
더 알아보기
이미지 형식을 깊이 있게 보려면 형식 비교(JPEG, PNG, WebP, AVIF 실무 가이드)를 참고하세요. 도구 본체는 PicBrewery입니다.