GoogleChromeLabs/squoosh

어떤 프로젝트인가요?

핵심 기능

• 01이미지를 서버에 업로드하지 않고 브라우저에서 압축합니다.
• 02원본 이미지와 압축된 이미지를 나란히 비교할 수 있습니다.
• 03여러 이미지 형식과 코덱을 지원합니다.
• 04Progressive Web App으로 설치할 수 있습니다.
• 05Apache-2.0 라이선스로 공개된 오픈 소스입니다.

활용 사례

• 웹사이트나 블로그에 게시하기 전에 이미지 파일 크기를 줄입니다.
• 타사 서비스로 이미지를 보내지 않고 이메일이나 메시지 전송용 사진을 압축합니다.
• 코덱과 화질 설정에 따라 이미지 크기가 어떻게 달라지는지 테스트합니다.

빠른 시작

1. 1

   저장소를 클론합니다

2. 2

   Node.js 패키지를 설치합니다

   npm install
3. 3

   앱을 빌드합니다

   npm run build
4. 4

   개발 서버를 시작합니다

   npm run dev

사용 전 알아둘 점

• !로컬에서 압축하더라도 Google Analytics는 방문자 데이터와 이미지 크기 값을 수집합니다.

토픽

자주 묻는 질문

squoosh은(는) 무엇인가요?

서버에 업로드하지 않고 기기에서 다양한 형식의 이미지를 압축하는 브라우저 기반 이미지 압축 도구입니다. Squoosh는 이미지 용량을 줄이는 웹 앱입니다. 브라우저에서 이미지를 연 다음 코덱과 설정을 선택하고, 저장하기 전에 원본과 압축 결과를 비교할 수 있습니다. 다양한 이미지 형식과 코덱을 지원합니다.

squoosh은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

squoosh은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

squoosh은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. squoosh의 마지막 커밋은 2026년 10월 22일입니다.

squoosh은(는) 어디에 사용할 수 있나요?

웹사이트나 블로그에 게시하기 전에 이미지 파일 크기를 줄입니다. 타사 서비스로 이미지를 보내지 않고 이메일이나 메시지 전송용 사진을 압축합니다. 코덱과 화질 설정에 따라 이미지 크기가 어떻게 달라지는지 테스트합니다.

squoosh는 어떻게 설치하나요?

저장소를 클론합니다 Node.js 패키지를 설치합니다: npm install 앱을 빌드합니다: npm run build 개발 서버를 시작합니다: npm run dev

squoosh은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/GoogleChromeLabs/squoosh