ปรับขนาดรูปภาพ
สร้างโดย Firebase
ปรับขนาดภาพที่อัปโหลดไปยัง Cloud Storage ให้เป็นขนาดที่กำหนดและเลือกที่จะเก็บหรือลบภาพต้นฉบับ
ส่วนขยายนี้ทำงานอย่างไร
ใช้ส่วนขยายนี้เพื่อสร้างเวอร์ชันปรับขนาดของรูปภาพที่อัปโหลดไปยังที่เก็บข้อมูล Cloud Storage
เมื่อคุณอัปโหลดไฟล์รูปภาพไปยังที่เก็บข้อมูล Cloud Storage ที่คุณระบุส่วนขยายนี้:
- สร้างภาพที่ปรับขนาดตามขนาดที่คุณระบุ
- ตั้งชื่อรูปภาพที่ปรับขนาดโดยใช้ชื่อเดียวกับรูปภาพต้นฉบับที่อัปโหลด แต่ต่อท้ายด้วยความกว้างและความสูงที่คุณระบุ
- จัดเก็บรูปภาพที่ปรับขนาดไว้ในที่เก็บข้อมูลเดียวกับรูปภาพต้นฉบับที่อัปโหลด
คุณยังสามารถกำหนดค่าส่วนขยายเพื่อสร้างภาพที่ปรับขนาดในขนาดที่แตกต่างกันสำหรับการอัปโหลดภาพต้นฉบับแต่ละภาพ ตัวอย่างเช่นคุณอาจต้องการภาพที่มีขนาด 200x200, 400x400 และ 680x680 - ส่วนขยายนี้สามารถสร้างภาพที่ปรับขนาดทั้งสามนี้จากนั้นเก็บไว้ในที่เก็บข้อมูลของคุณ
ส่วนขยายจะคัดลอกข้อมูลเมตาต่อไปนี้โดยอัตโนมัติหากมีจากรูปภาพต้นฉบับเป็นรูปภาพที่ปรับขนาด: Cache-Control , Content-Disposition Content-Encoding , Content-Encoding Content-Language , Content-Language Content-Type , Content-Type และข้อมูลเมตาที่ผู้ใช้ระบุ (a โทเค็นการดาวน์โหลดที่เก็บข้อมูล Firebase ใหม่จะถูกสร้างขึ้นบนรูปภาพที่ปรับขนาดหากข้อมูลเมตาดั้งเดิมมีโทเค็น) โปรดทราบว่าคุณสามารถเลือกที่จะกำหนดค่าส่วนขยายเพื่อเขียนทับค่า Cache-Control สำหรับรูปภาพที่ปรับขนาดได้
ข้อมูลการกำหนดค่าโดยละเอียด
ในการกำหนดค่าส่วนขยายนี้คุณต้องระบุความกว้างสูงสุดและความสูงสูงสุด (พิกเซล, พิกเซล) ส่วนขยายนี้จะรักษาอัตราส่วนของรูปภาพที่อัปโหลดให้คงที่และย่อขนาดรูปภาพจนกว่าขนาดของรูปภาพที่ปรับขนาดจะอยู่ที่หรือต่ำกว่าความกว้างและความสูงสูงสุดที่คุณกำหนด
ตัวอย่างเช่นสมมติว่าคุณระบุความกว้างสูงสุด 200px และความสูงสูงสุด 100px คุณอัปโหลดรูปภาพที่มีความกว้าง 480px สูง 640px ซึ่งหมายถึงอัตราส่วน 0.75 รูปภาพที่ปรับขนาดขั้นสุดท้ายจะมีความกว้าง 75px สูง 100px เพื่อรักษาอัตราส่วนในขณะเดียวกันก็ต้องอยู่ที่หรือต่ำกว่าขนาดสูงสุดที่คุณระบุ
การตั้งค่าเพิ่มเติม
ก่อนติดตั้งส่วนขยายนี้ตรวจสอบให้แน่ใจว่าคุณได้ ตั้งค่าที่เก็บข้อมูล Cloud Storage ในโปรเจ็กต์ Firebase แล้ว
การเรียกเก็บเงิน
ในการติดตั้งส่วนขยายโครงการของคุณต้องอยู่ในแผน Blaze (จ่ายตามที่คุณไป)
- คุณจะถูกเรียกเก็บเงินเล็กน้อย (โดยทั่วไปประมาณ $ 0.01 / เดือน) สำหรับทรัพยากร Firebase ที่ส่วนขยายนี้ต้องการ (แม้ว่าจะไม่ได้ใช้ก็ตาม)
- ส่วนขยายนี้ใช้บริการ Firebase และ Google Cloud Platform อื่น ๆ ซึ่งมีค่าใช้จ่ายที่เกี่ยวข้องหากคุณใช้งานเกินระดับฟรีของบริการ:
- การจัดเก็บเมฆ
- Cloud Functions (รันไทม์ Node.js 10+ ดูคำถามที่พบบ่อย )
วิธีติดตั้งส่วนขยายนี้
การใช้ Firebase CLI
ในการติดตั้งและจัดการส่วนขยายคุณสามารถใช้ Firebase CLI:
ขั้นตอนที่ 1: รันคำสั่ง npm ต่อไปนี้เพื่อติดตั้ง CLI หรืออัพเดตเป็น CLI เวอร์ชันล่าสุด
npm install -g firebase-toolsไม่ทำงาน? ดู ข้อมูลอ้างอิง Firebase CLI หรือเปลี่ยน สิทธิ์ npm
ขั้นตอนที่ 2: ติดตั้งส่วนขยายนี้โดยเรียกใช้คำสั่งต่อไปนี้
firebase ext:install storage-resize-images --project=projectId_or_alias