คู่มือเริ่มต้นใช้งานด่วน
เริ่มต้นบีบอัดรูปภาพและเพิ่มความเร็วเว็บไซต์ได้ภายในเวลาไม่ถึง 5 นาที
ปรับแต่งรูปภาพของคุณให้มีขนาดเล็กและยกระดับคะแนน Core Web Vitals (LCP และ CLS) ได้ใน 4 ขั้นตอนง่ายๆ
เริ่มต้นใน 4 ขั้นตอน
ขั้นตอนที่ 1: รับคีย์ API ของคุณ
เข้าสู่ระบบ SmallPict Dashboard ด้วยระบบยืนยันตัวตนไร้รหัสผ่านผ่าน OTP ทางอีเมล จากนั้นสร้างคีย์ใหม่ในส่วน API Keys:
- ใช้
sp_live_...สำหรับระบบที่ใช้งานจริง - ใช้
sp_test_...สำหรับการทดสอบในเครื่องและ CI/CD
ขั้นตอนที่ 2: เลือกวิธีเชื่อมต่อระบบ
ตัวเลือก A: WordPress
ติดตั้งปลั๊กอินอย่างเป็นทางการจากไดเรกทอรีของ WordPress หรืออัปโหลดไฟล์ ZIP ใส่คีย์ sp_wp_... ใน การตั้งค่า > SmallPict และเปิดใช้งานการแปลง WebP/AVIF อัตโนมัติ
ตัวเลือก B: Backend หรือ Frontend SDK
ติดตั้งแพ็กเกจไลบรารีตามภาษาที่คุณใช้งาน:
# Node.js & TypeScriptnpm install @smallpict/sdk
# Golanggo get github.com/smallpict/smallpict-go
# Pythonpip install smallpict
# PHP (Composer)composer require smallpict/smallpict-php
# Rust (Cargo)cargo add smallpict
# Ruby (Bundler)gem install smallpictขั้นตอนที่ 3: ทดสอบการบีบอัดครั้งแรก
ตรวจสอบการเชื่อมต่อ API ของคุณด้วยคำสั่ง cURL นี้:
curl -X POST https://api.smallpict.app/v1/optimize \ -H "X-API-Key: sp_sdk_9a8b7c6d5e4f..." \ -H "X-Timestamp: 1716301234" \ -H "X-Signature: 3a9f8b2c4d6e8a..." \ -H "Content-Type: application/json" \ -d { "filename": "hero.jpg", "mime_type": "image/jpeg", "filesize": 2508800, "options": { "format": "avif", "quality": 80, "max_width": 1920 }}'ขั้นตอนที่ 4: ตรวจสอบผลลัพธ์
API จะตอบกลับด้วยโครงสร้าง JSON ซึ่งมี URL รูปภาพที่ปรับแต่งแล้วพร้อมเปอร์เซ็นต์พื้นที่ที่ประหยัดได้:
{ "success": true, "data": { "job_id": "job_9a8b7c6d5e4f", "status": "completed", "original_size": 2508800, "optimized_size": 312400, "savings_percentage": 87.54, "format": "avif", "url": "https://cdn.smallpict.app/media/hero.avif" }}ค่ากำหนดมาตรฐานที่แนะนำ
| พารามิเตอร์ | ค่าที่แนะนำ | คำอธิบาย |
|---|---|---|
| คุณภาพ (Quality) | 80 | จุดสมดุลที่เหมาะสมระหว่างความคมชัดและขนาดไฟล์ที่เล็กลง |
| รูปแบบ (Format) | avif สำรองด้วย webp | บีบอัดได้สูงสุดบนเบราว์เซอร์สมัยใหม่พร้อมรองรับทุกแพลตฟอร์ม |
| ความกว้างสูงสุด | 1920px | ป้องกันไม่ให้ภาพถ่ายความละเอียดสูงจากกล้องสร้างภาระให้เน็ตมือถือ |
| ลบ EXIF | true | ลบข้อมูลระบุตำแหน่งและข้อมูลกล้องเพื่อความเป็นส่วนตัวและประหยัดข้อมูล |