ไม่มีค่า Egress ด้วย Cloudflare R2 และ Anycast CDN
ใช้ Cloudflare R2 พื้นที่จัดเก็บแบบออบเจ็กต์ที่เข้ากันได้กับ S3 และไม่มีค่า Egress ใช้คู่กับ Anycast CDN ทั่วโลกของ Cloudflare เพื่อส่งรูปภาพจากตำแหน่งที่ใกล้ผู้เข้าชมแต่ละคนที่สุด โดยเลือก AVIF หรือ WebP ให้แต่ละเบราว์เซอร์อัตโนมัติ
BYO พื้นที่จัดเก็บและ BYO CDN
- ค่าบริการ Egress
- $0.00
- PoP ทั่วโลก
- 300+
- ประหยัดแบนด์วิดท์
- ประหยัดได้มาก
ตัวเลขโครงสร้างพื้นฐานมาจากข้อมูลจำเพาะที่ Cloudflare (R2 & Edge CDN) เผยแพร่ การประหยัดจากไฟล์ที่เล็กลงขึ้นอยู่กับรูปภาพของคุณ
การผสานการทำงาน Cloudflare (R2 & Edge CDN) + Cloud CDN
พื้นที่จัดเก็บบนคลาวด์ของคุณ ขั้นตอนการแปลงของ SmallPict และ CDN ทำงานร่วมกันอย่างไร
ต้นทางพื้นที่จัดเก็บข้อมูลโดยเฉพาะ
Cloudflare R2 เป็นพื้นที่จัดเก็บแบบออบเจ็กต์ที่เข้ากันได้กับ S3 และไม่มีค่า Egress คลังสื่อขนาดใหญ่จึงไม่ทำให้เกิดค่าแบนด์วิดท์ที่ไม่คาดคิด
เอ็นจินประมวลผลชั่วคราว SmallPict
SmallPict เป็นแพลตฟอร์มปรับแต่งรูปภาพ ทำหน้าที่รับรูปภาพที่อัปโหลด แปลงเป็น AVIF และ WebP ในหน่วยความจำ ลบข้อมูลเมตา EXIF ที่ไม่จำเป็น ปรับขนาด แล้วเขียนไฟล์ที่ปรับแต่งแล้วลงบักเก็ตคลาวด์สตอเรจของคุณโดยตรง
การส่งมอบข้อมูลผ่าน Global Edge CDN
Cloudflare Anycast CDN ให้บริการในกว่า 300 เมืองในกว่า 100 ประเทศทั่วโลก เสิร์ฟข้อมูลที่แคชไว้จากขอบทางเครือข่ายที่ใกล้ที่สุดพร้อมการเลือกรูปแบบภาพสมัยใหม่อัตโนมัติ
สถาปัตยกรรมและขั้นตอนการรวมระบบ
รูปภาพถูกแปลงในหน่วยความจำ บันทึกลงบักเก็ตของคุณ และส่งจาก CDN
- 1 · ต้นทางไคลเอนต์ / CMS
อัปโหลดและดักจับ
รูปภาพจะถูกอัปโหลดผ่านปลั๊กอิน WordPress เว็บแอป หรือ REST API
- 2 · เครื่องมือชั่วคราว SmallPict
ประมวลผลในแรมชั่วคราว
SmallPict แปลงเป็น AVIF/WebP ปรับขนาด และลบเมทาดาทาในกระบวนการประมวลผลที่แยกส่วนและเข้ารหัส
- 3 · บักเก็ต Cloudflare R2
สตรีมตรงสู่บักเก็ต
ไฟล์ที่ปรับแต่งแล้วจะถูกสตรีมโดยตรงไปยังบักเก็ต Cloudflare R2 ส่วนตัวหรือสาธารณะของคุณ
- 4 · Cloudflare CDN
แคช Edge ทั่วโลก
จัดเก็บไว้ที่จุด Edge ทั่วโลกพร้อมส่วนหัว Cache-Control ที่ไม่เปลี่ยนแปลงเป็นเวลา 1 ปี
- 5 · เบราว์เซอร์ผู้ใช้ปลายทาง
การส่งมอบ
ผู้เยี่ยมชมได้รับรูปภาพยุคใหม่จากตำแหน่ง Edge ที่ใกล้ที่สุด
- ไม่มีการเก็บไฟล์ไว้บนเซิร์ฟเวอร์ SmallPict
- ส่วนหัวแคช Edge แบบไม่เปลี่ยนแปลงอายุ 1 ปี (Immutable Cache)
- ไฟล์อยู่ในบัญชีคลาวด์ของคุณ
วิธีเชื่อมต่อ Cloudflare (R2 & Edge CDN) เข้ากับ SmallPict
คู่มือ 4 ขั้นตอนในการจัดเตรียมบัคเก็ต กำหนดสิทธิ์แบบจำกัดเท่าที่จำเป็น เชื่อมต่อเอนด์พอยต์ และตรวจสอบการส่งมอบผ่าน Edge
สร้างบักเก็ตเฉพาะใน Cloudflare R2
สร้างบักเก็ตเฉพาะในคอนโซล Cloudflare (R2 & Edge CDN) ของคุณ (แนะนำคลาสสตอเรจมาตรฐาน)
คำแนะนำ: เก็บบักเก็ตเป็นส่วนตัว ไม่จำเป็นต้องเปิดสาธารณะ
กำหนดค่าคีย์ IAM ตามสิทธิ์ขั้นต่ำ
สร้าง Cloudflare R2 API Token ที่จำกัดเฉพาะการอ่านและเขียนอ็อบเจกต์ในบักเก็ตเท่านั้น
คำแนะนำ: ต้องการเพียงสิทธิ์ PutObject และ GetObject
เชื่อมต่อปลายทางในแดชบอร์ด SmallPict
ป้อนชื่อบักเก็ต ภูมิภาค จุดปลายทาง และคีย์ API ลงในแผงการตั้งค่า BYO ของ SmallPict
คำแนะนำ: ข้อมูลรับรองจะถูกเข้ารหัสด้วย AES-256 GCM
ทดสอบและยืนยันการส่งมอบ Edge
อัปโหลดภาพทดสอบหรือรันการตรวจสอบ URL ตรวจสอบส่วนหัว Content-Type: image/avif และสถานะ HIT ของ CDN
คำแนะนำ: ตรวจสอบ Cache-Control: public, max-age=31536000, immutable
{
"provider": "cloudflare_r2",
"account_id": "7b84310d29184511082c35",
"bucket": "static-media-vault",
"cdn_domain": "cdn.yourdomain.com",
"endpoint": "https://<account_id>.r2.cloudflarestorage.com"
}สร้างขึ้นเพื่อรองรับสเกล ทราฟฟิกพุ่งสูง และคลังสื่อขนาดใหญ่
แอปประเภทต่างๆ ใช้ SmallPict ร่วมกับ Cloudflare (R2 & Edge CDN) จัดการรูปภาพอย่างไร
ร้านค้าออนไลน์และอีคอมเมิร์ซ
แกลเลอรีสินค้าความละเอียดสูงใน Cloudflare R2
เพิ่มประสิทธิภาพรูปภาพและภาพขยายใน Cloudflare R2 ก่อนส่งมอบผ่าน CDN ช่วยให้หน้าเว็บโหลดเร็วขึ้นและเพิ่มยอดขายบนมือถือ
หน้าแคตตาล็อกเบาลงมาก
สื่อและสำนักพิมพ์ดิจิทัล
คลังภาพขนาดใหญ่โดยไม่ต้องจัดโครงสร้างใหม่
แปลงคลังภาพข่าวและภาพถ่ายเป็น AVIF หรือ WebP โดยไม่ต้องเปลี่ยนโครงสร้างโฟลเดอร์ใน Cloudflare R2
เวิร์กโฟลว์กองบรรณาธิการที่ง่ายขึ้น
เว็บไซต์ที่มีการเข้าชมสูง
ปกป้องสตอเรจต้นทางเมื่อทราฟฟิกพุ่งสูง
ลดขนาดไฟล์ลงอย่างมาก โดยยังคงให้ Cloudflare (R2 & Edge CDN) เป็นต้นทางที่เชื่อถือได้ ป้องกันค่าบริการแบนด์วิดท์ขาออกส่วนเกิน
ตอบคำขอซ้ำจาก CDN Edge
แอปพลิเคชันหลายภูมิภาค
การส่งมอบระดับโลกข้ามทวีป
ผสานบักเก็ต Cloudflare R2 หลายภูมิภาคเข้ากับแคช Edge ของ Anycast CDN เพื่อให้รูปภาพโหลดเร็วสำหรับผู้ใช้ในทวีปอเมริกา ยุโรป และเอเชีย
ส่งจาก Edge ที่ใกล้ผู้เข้าชมแต่ละคนที่สุด
ทำไมต้องใช้ SmallPict ร่วมกับ Cloudflare (R2 & Edge CDN)?
5 ข้อได้เปรียบทางสถาปัตยกรรมเชิงกลยุทธ์ที่ออกแบบมาเพื่อขจัดปัญหา Vendor Lock-in ลดความหน่วง (Latency) และลดต้นทุนการดำเนินงาน
เบาลงอย่างมาก
ลดขนาดไฟล์รูปภาพมหาศาล
แปลง PNG และ JPEG เป็น AVIF และ WebP โดยคุณภาพไม่ลดลงจนมองเห็นได้ ไฟล์จะเล็กลงแค่ไหนขึ้นอยู่กับรูปภาพ
บักเก็ตของคุณเอง
คงระบบจัดเก็บข้อมูลเดิมของคุณไว้
ใช้พื้นที่จัดเก็บของคุณเอง: SmallPict เขียนไฟล์ลงบักเก็ต Cloudflare R2 ของคุณโดยตรง ไฟล์ของคุณจึงไม่ถูกย้ายไปอยู่บนแพลตฟอร์มปิด
ส่งจาก Edge
จัดส่งผ่าน Global Edge CDN
เพิ่มอัตรา Cache HIT สูงสุดด้วย Immutable Cache Headers ระยะยาวผ่านจุดให้บริการทั่วโลกของ Cloudflare CDN
อัตโนมัติ
การเพิ่มประสิทธิภาพอัตโนมัติ
รูปภาพถูกแปลงในเบื้องหลังเมื่ออัปโหลดหรือซิงค์เป็นชุด ไม่ต้องปรับขนาดเองหรือเขียนสคริปต์
ควบคุมได้เต็มที่
ควบคุมโครงสร้างพื้นฐานอย่างสมบูรณ์
คุณยังคงเป็นเจ้าของสิทธิ์ในไฟล์สื่อ นโยบายการควบคุมสิทธิ์ ขอบเขต IAM และการปฏิบัติตามกฎระเบียบ 100%
พร้อมใช้ใน 5 นาที
เชื่อมต่อง่ายแบบ Drop-In
เชื่อมต่อผ่านปลั๊กอิน WordPress, API หรือแดชบอร์ด ไม่ต้องเปลี่ยนโครงสร้างพื้นฐาน โค้ด หรือสคีมาฐานข้อมูล
ความปลอดภัย ความเป็นส่วนตัว และการควบคุมการเข้าถึง
SmallPict เก็บสำเนาไฟล์ของฉันไว้หรือไม่?
ไม่เก็บ หากคุณใช้พื้นที่จัดเก็บของคุณเอง รูปภาพจะถูกประมวลผลในพื้นที่ประมวลผลที่แยกส่วนและเข้ารหัส และไฟล์ที่ปรับแต่งแล้วจะถูกเขียนลงในบักเก็ต Cloudflare R2 ของคุณโดยตรง ไฟล์อยู่ในบัญชีของคุณเอง คุณเป็นผู้ถือไฟล์ต้นฉบับและรับผิดชอบสำเนาเหล่านั้น และ SmallPict ไม่เก็บข้อมูลสำรองของไฟล์ดังกล่าว
ไม่เก็บสำเนาหลังการแปลง
การจำกัดสิทธิ์ IAM ขั้นต่ำสุด
SmallPict ต้องการเพียงสิทธิ์ระดับบักเก็ต (เช่น PutObject / GetObject) เราไม่เคยขอสิทธิ์ผู้ดูแลระบบทั้งบัญชี
รองรับ Private Bucket อย่างสมบูรณ์
บักเก็ต Cloudflare R2 ของคุณไม่จำเป็นต้องเป็นสาธารณะ การเขียนดำเนินการผ่าน API ที่ได้รับการรับรองความถูกต้องและการกระจายได้รับการปกป้องโดย CDN
การเข้ารหัส AES-256
คีย์ API ทั้งหมดใน SmallPict ได้รับการเข้ารหัสด้วย AES-256 GCM และไม่เคยบันทึกเป็นข้อความธรรมดา
อธิปไตยของลูกค้าเหนือข้อมูล
ไฟล์ยังเป็นของคุณ คุณเพิกถอนข้อมูลรับรองหรือเปลี่ยนคีย์ได้ตลอดเวลาในคอนโซล Cloudflare (R2 & Edge CDN)
การกำหนดค่าที่รองรับสำหรับ Cloudflare (R2 & Edge CDN)
ตรวจสอบความเข้ากันได้ของระดับการจัดเก็บบนคลาวด์ การกำหนดค่าบัคเก็ต โทโพโลยีตามภูมิภาค และตัวเลือกการส่งมอบ Edge
| การกำหนดค่าและคุณสมบัติ | สถานะการรองรับ | รายละเอียดทางเทคนิค |
|---|---|---|
| คลาวด์อ็อบเจกต์สตอเรจ | รองรับ | ผสานการทำงานแบบเนทีฟกับ Cloudflare R2 |
| บักเก็ตหลายภูมิภาค | รองรับ | รองรับการจัดเก็บข้อมูลแบบกระจายตามภูมิศาสตร์ |
| บักเก็ตระดับภูมิภาค | รองรับ | รองรับการจัดเก็บในศูนย์ข้อมูลท้องถิ่น |
| คลาสสตอเรจมาตรฐาน | รองรับ | ระดับประสิทธิภาพที่เหมาะสมที่สุด |
| เร่งความเร็ว Edge CDN | รองรับ | ส่งมอบผ่าน Cloudflare CDN |
| โดเมนสำหรับส่ง | รองรับ | จัดการในบัญชี CDN ของคุณเอง |
| รองรับบักเก็ตส่วนตัว | รองรับ | เปิดใช้งานการจำกัดการเข้าถึงต้นทาง |
| ข้อมูลรับรองสิทธิ์ขั้นต่ำ | รองรับ | Cloudflare R2 API Token |
| ส่วนหัว Cache-Control ไม่เปลี่ยนแปลง | รองรับ | max-age=31536000, immutable |
| การต่อรอง AVIF / WebP อัตโนมัติ | รองรับ | รองรับส่วนหัว Accept แบบไดนามิก |
การปรับแต่งรูปภาพสำหรับ Cloudflare (R2 & Edge CDN)
ข้อกำหนดทางเทคนิคครอบคลุม AVIF, WebP, อัลกอริทึมการบีบอัด, มิติที่ตอบสนอง และความสามารถในการแคช
รูปแบบ AVIF
เล็กกว่า JPEG/PNG อย่างมาก
การเข้ารหัส AVIF (AV1)
AVIF ใช้การบีบอัดคีย์เฟรมของ AV1 ซึ่งให้คุณภาพดีที่สุดเมื่อเทียบกับขนาดไฟล์ในบรรดารูปแบบที่เบราว์เซอร์รองรับในปัจจุบัน
รูปแบบ WebP
เล็กกว่า JPEG/PNG ที่คุณภาพภาพเท่าเดิม
ความเข้ากันได้สากลกับเว็บสมัยใหม่
รองรับในเบราว์เซอร์รุ่นปัจจุบันทั้งหมด พร้อมคงความโปร่งใสแบบอัลฟาและการปรับปริมาณการรับรู้
การแคชที่ Edge
แคช Edge 1 ปี
การควบคุมแคชแบบ Immutable
แนบ public, max-age=31536000, immutable โดยอัตโนมัติเพื่อเพิ่มประสิทธิภาพการเก็บแคชที่ Edge ให้สูงสุด
- แคช CDN Edge นาน 1 ปี ป้องกันการเรียกซ้ำไปยังต้นทาง
- เลือกรูปแบบที่เหมาะสมอัตโนมัติตามส่วนหัว HTTP Accept ของเบราว์เซอร์
- ปรับขนาดแบบตอบสนองด้วยตัวระบุความกว้าง srcset
- Largest Contentful Paint (LCP) เร็วขึ้น
ลดบิลค่า Egress ด้วยไฟล์ที่เล็กลง
ทำไมการปรับขนาดรูปภาพให้เหมาะสมจึงช่วยลดใบแจ้งหนี้รายเดือนของผู้ให้บริการคลาวด์ของคุณได้โดยตรง โดยไม่ต้องจ่ายค่าธรรมเนียม SaaS CDN ที่สูงเกินจริง
เมื่อไม่มี SmallPict (ไฟล์มีเดียต้นฉบับ)
แบนด์วิดท์ Egress สูงและหน้าเว็บช้า
รูปภาพ JPEG/PNG ดั้งเดิมที่ยังไม่บีบอัด (2.5MB–5MB) เปลืองพื้นที่จัดเก็บและสร้างค่าบริการแบนด์วิดท์ขาออกจาก Cloudflare (R2 & Edge CDN) ในราคาสูง
- รูปภาพต้นฉบับมีขนาดใหญ่ 2.5MB - 5MB
- เสียค่าแบนด์วิดท์ Egress เต็มจำนวนให้กับผู้ให้บริการคลาวด์
- ความหน่วง LCP สูงขึ้น ส่งผลกระทบต่ออันดับการค้นหาบน Google
เมื่อใช้ SmallPict + Cloudflare (R2 & Edge CDN)
ค่าแบนด์วิดท์ขาออกจากผู้ให้บริการคลาวด์ลดลง
ไฟล์ที่เล็กลงช่วยลดปริมาณข้อมูลขาออก ทำให้ค่า egress ลดลงในทุกรอบบิล
- ส่งรูปภาพจากตำแหน่ง Edge ของ Cloudflare Global Anycast Edge Network ที่อยู่ใกล้ผู้เข้าชมของคุณ
- คุณชำระเงินให้กับ Cloudflare (R2 & Edge CDN) โดยตรงตามอัตราคลาวด์ของผู้ให้บริการเอง โดยไม่มีค่าส่วนต่างจาก CDN รูปภาพแบบปิด
- เฮดเดอร์แคชแบบหนึ่งปี CDN จึงตอบคำขอซ้ำจาก Edge ได้
คำถามที่พบบ่อย
คำตอบทางเทคนิคที่ชัดเจนเกี่ยวกับการผสานการจัดเก็บข้อมูลของ Cloudflare (R2 & Edge CDN), ส่วนหัวแคช CDN, นโยบายความปลอดภัย และประสิทธิภาพ
การทำงานร่วมกันระหว่าง Cloudflare R2 + Cloudflare CDN คืออะไร?
Cloudflare R2 เก็บไฟล์ของคุณ และ Cloudflare CDN ส่งสำเนาแคชจากจุด Edge ที่ใกล้ผู้เข้าชมที่สุด SmallPict อยู่ตรงกลางและบีบอัดรูปภาพก่อนจัดเก็บและส่งมอบ
SmallPict สามารถปรับแต่งรูปภาพใน Cloudflare R2 ได้หรือไม่?
ได้ SmallPict เชื่อมต่อกับบักเก็ต Cloudflare R2 ของคุณโดยตรง บีบอัดไฟล์ JPEG, PNG และ WebP แปลงเป็น AVIF และ WebP แล้วบันทึกไฟล์ที่ปรับแต่งแล้วลงในบักเก็ตของคุณโดยตรง
SmallPict ใช้งานร่วมกับ Cloudflare CDN ได้หรือไม่?
ได้ เมื่อ SmallPict ส่งรูปภาพที่ปรับแต่งแล้วไปยัง Cloudflare R2 จะเพิ่มส่วนหัวแคช HTTP แบบอายุยาว (Cache-Control: public, max-age=31536000, immutable) Cloudflare CDN จะแคชไฟล์เหล่านี้ไว้ที่ Edge และตอบคำขอซ้ำจากที่นั่น
ฉันสามารถใช้บักเก็ต Cloudflare R2 แบบส่วนตัวได้หรือไม่?
ได้อย่างแน่นอน SmallPict ไม่จำเป็นต้องเปิดบักเก็ตเป็นสาธารณะ การบันทึกทำผ่าน API และ CDN จะดูแลการเผยแพร่อย่างปลอดภัย
SmallPict ต้องการสิทธิ์ระดับผู้ดูแลระบบของ Cloudflare (R2 & Edge CDN) หรือไม่?
ไม่ SmallPict ใช้หลักการสิทธิ์ขั้นต่ำ ต้องการเพียงคีย์ (Cloudflare R2 API Token) ที่มีสิทธิ์อ่านและเขียนในบักเก็ตเป้าหมายเท่านั้น
สามารถใช้บักเก็ตแบบหลายภูมิภาคใน Cloudflare R2 ได้หรือไม่?
ได้ SmallPict รองรับการกำหนดค่าบักเก็ตทุกประเภทอย่างสมบูรณ์
SmallPict จะแก้ไขหรือเขียนทับภาพต้นฉบับใน Cloudflare R2 หรือไม่?
โดยค่าเริ่มต้น SmallPict จะสร้างไฟล์ AVIF และ WebP ควบคู่ไปกับไฟล์ต้นฉบับ โดยรักษาต้นฉบับไว้เหมือนเดิมทุกประการ
รูปภาพที่ปรับแต่งแล้วจะถูกเก็บไว้ที่ไหน?
รูปภาพที่ปรับแต่งแล้วทั้งหมดจะถูกจัดเก็บลงในบักเก็ต Cloudflare R2 ในบัญชีของคุณเองโดยตรง เมื่อใช้พื้นที่จัดเก็บแบบ BYO คุณเป็นผู้ถือไฟล์ต้นฉบับและรับผิดชอบสำเนาเหล่านั้น SmallPict ไม่เก็บข้อมูลสำรองของไฟล์ดังกล่าว
SmallPict รองรับฟอร์แมต WebP และ AVIF หรือไม่?
รองรับอย่างสมบูรณ์ SmallPict เข้ารหัสทั้ง AVIF และ WebP ซึ่งมักเล็กกว่า JPEG อย่างมาก และเลือกส่งตามเบราว์เซอร์ของผู้ใช้
ระบบแคชทำงานอย่างไรหลังจากการปรับแต่งภาพ?
SmallPict ใส่ส่วนหัว Cache-Control: public, max-age=31536000, immutable ให้ทุกไฟล์ที่จัดเก็บ ซึ่งบอกให้โหนด Edge ของ Cloudflare CDN และเบราว์เซอร์แคชรูปภาพได้นานสูงสุดหนึ่งปี คำขอซ้ำจึงแทบไม่ถึงต้นทาง และค่าส่งข้อมูลจากต้นทางยังคงต่ำ
ใช้พื้นที่จัดเก็บเดิมของคุณ และควบคุมค่า Egress
ใช้ SmallPict ร่วมกับ Cloudflare (R2 & Edge CDN) เก็บไฟล์มีเดียไว้ในบัญชีคลาวด์ของคุณเอง พร้อมรับการเข้ารหัส AVIF/WebP อัตโนมัติและการเร่งความเร็ว Edge ทั่วโลก