Google은 흑인 공동체를 위한 인종적 평등을 추구하기 위해 노력하고 있습니다. 자세히 알아보기

이미지 크기 조절

Firebase
Firebase 제작

Cloud Storage에 업로드된 이미지를 지정된 크기로 조절하고 원본 이미지는 유지하거나 삭제하도록 선택할 수 있습니다.

이 확장 프로그램의 작동 방식

이 확장 프로그램을 사용하면 Cloud Storage 버킷에 업로드된 이미지의 크기 조절된 버전을 만들 수 있습니다.

이미지 파일을 지정된 Cloud Storage 버킷에 업로드하면 이 확장 프로그램은 다음 작업을 수행합니다.

  • 지정된 치수로 크기가 조절된 이미지를 만듭니다.
  • 크기가 조절된 이미지에 원래 업로드된 이미지와 동일한 이름을 사용하되 지정된 너비와 높이를 서픽스로 추가합니다.
  • 크기가 조절된 이미지를 원래 업로드된 이미지와 동일한 Storage 버킷에 저장합니다.

업로드되는 원본 이미지마다 다른 치수로 크기가 조절된 이미지를 만드는 확장 프로그램을 구성할 수도 있습니다. 예를 들어 200x200, 400x400, 680x680 크기의 이미지를 원한다면 확장 프로그램으로 크기가 조절된 이미지 3개를 만든 후 버킷에 저장할 수 있습니다.

확장 프로그램은 메타데이터가 있는 경우 자동으로 원본 이미지에서 크기가 조절된 이미지로 Cache-Control, Content-Disposition, Content-Encoding, Content-Language, Content-Type, 사용자가 제공한 메타데이터를 복사합니다(원본 메타데이터에 토큰이 포함된 경우 크기가 조절된 이미지에 새로운 Firebase Storage 다운로드 토큰이 생성됩니다). 확장 프로그램이 크기가 조절된 이미지의 Cache-Control 값을 덮어쓰도록 구성할 수도 있습니다.

세부 구성 정보

이 확장 프로그램을 구성하려면 픽셀(px) 단위로 최대 너비 및 최대 높이를 지정합니다. 이 확장 프로그램은 업로드된 이미지의 가로세로 비율을 일정하게 유지하며 크기가 조절된 이미지의 치수가 지정된 최대 너비 및 높이를 초과하지 않을 때까지 이미지를 축소합니다.

예를 들어 최대 너비를 200px로, 최대 높이를 100px로 지정한다고 가정해 보겠습니다. 너비가 480px이고 높이가 640px인, 즉 가로세로 비율이 0.75인 이미지를 업로드합니다. 지정된 최대 치수를 초과하지 않는 선에서 가로세로 비율을 유지한 결과, 크기가 조절된 최종 이미지의 크기는 너비 75px, 높이 100px이 됩니다.

추가 설정

이 확장 프로그램을 설치하기 전에 먼저 Firebase 프로젝트에 Cloud Storage 버킷을 설정했는지 확인합니다.

결제

확장 프로그램을 설치하려면 프로젝트에서 사용한 만큼만 지불하는 Blaze 요금제를 이용해야 합니다.

  • 이 확장 프로그램에 필요한 Firebase 리소스에 대해 사용 여부와 관계없이 일반적으로 월 $0.01 정도의 소액이 청구됩니다.
  • 이 확장 프로그램은 서비스의 무료 등급을 초과하는 경우 관련 요금이 청구될 수 있는 다른 Firebase 및 Google Cloud Platform 서비스를 사용합니다.
  • Cloud Storage
  • Cloud Functions (Node.js 10 이상 런타임. FAQ 보기)

확장 프로그램 설치 방법

Firebase Console 사용

Firebase Console을 사용해 확장 프로그램을 설치하고 관리할 수 있습니다.

Console을 사용해 설치하기

Firebase CLI 사용

Firebase CLI를 사용해 확장 프로그램을 설치하고 관리할 수도 있습니다.

1단계: 다음 npm 명령어를 실행하여 CLI를 설치하거나 최신 CLI 버전으로 업데이트합니다.

npm install -g firebase-tools
작동하지 않는 경우 Firebase CLI 참조를 살펴보거나 npm 권한을 변경하세요.

2단계: 다음 명령어를 실행하여 이 확장 프로그램을 설치합니다.

firebase ext:install firebase/storage-resize-images --project=projectId_or_alias
지원
Cloud Storage
작성자
라이선스
Apache-2.0
버전
0.1.24