คู่มือการติดตั้งฉบับสมบูรณ์

SmallPict รองรับการทำงานร่วมกับสถาปัตยกรรมเว็บสมัยใหม่ทุกรูปแบบ ไม่ว่าจะเป็นเว็บไซต์ WordPress ทั่วไป, สถาปัตยกรรม JAMstack หรือระบบตัวแทนปัญญาประดิษฐ์ (AI Agents)

ช่องทางการติดตั้ง

1. ปลั๊กอิน WordPress

1. ดาวน์โหลดไฟล์ ZIP ล่าสุดจากแดชบอร์ด หรือค้นหาคำว่า SmallPict ในเมนูปลั๊กอินของ WordPress (wp-admin > ปลั๊กอิน > เพิ่มปลั๊กอินใหม่)
2. คลิก ติดตั้งตอนนี้ แล้วตามด้วย เปิดใช้งาน
3. ไปที่เมนู SmallPict ในแถบเมนูด้านซ้าย
4. วางคีย์ API sp_wp_... ของคุณ
5. เลือกรูปแบบผลลัพธ์แล้วบันทึกการตั้งค่า: WebP ใน Free, WebP หรือ AVIF (เลือกหนึ่ง) ใน Starter และ AVIF พร้อม WebP สำรองใน Pro และ Business รูปภาพที่อัปโหลดหลังจากนี้จะถูกปรับแต่งโดยอัตโนมัติ

2. ระบบนิเวศ 7 SDK อย่างเป็นทางการ

ติดตั้งไลบรารีผ่านตัวจัดการแพ็กเกจที่คุณต้องการ:

# Node.js & TypeScriptnpm install @smallpict/sdk
# Golanggo get github.com/tuxnoob/smallpict-go
# Pythonpip install smallpict
# PHP (Composer)composer require smallpict/smallpict-php
# Rust (Cargo)cargo add smallpict
# Ruby (Bundler)gem install smallpict

3. เรียกใช้งานโดยตรงผ่าน REST API

หากใช้งานภาษาที่ยังไม่มี SDK อย่างเป็นทางการ (เช่น C#, Swift หรือ Elixir) คุณสามารถเรียกเอนด์พอยต์ REST ได้โดยตรง:

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. การตั้งค่า MCP สำหรับผู้ช่วย AI

ใน Claude Desktop, Cursor หรือ IDE ที่รองรับโปรโตคอล MCP:

{  "mcpServers": {    "smallpict": {      "command": "npx",      "args": [        "-y",        "@smallpict/mcp"      ],      "env": {        "SMALLPICT_API_KEY": "sp_sdk_your_api_key_here"      }    }  }}