त्वरित प्रारंभ मार्गदर्शिका

अपनी विज़ुअल संपत्तियों को अनुकूलित करें और केवल 4 आसान चरणों में Core Web Vitals (LCP और CLS) स्कोर में सुधार करें।

4 चरणों में शुरुआत

चरण 1: अपनी API कुंजी प्राप्त करें

अपने ईमेल पर पासवर्ड-रहित OTP सत्यापन का उपयोग करके SmallPict डैशबोर्ड में लॉग इन करें। API Keys अनुभाग में एक नई कुंजी बनाएं:

• लाइव उत्पादन परिवेश के लिए sp_live_... का उपयोग करें।
• स्थानीय विकास और स्वचालित CI/CD परीक्षणों के लिए sp_test_... का उपयोग करें।

चरण 2: अपनी एकीकरण विधि चुनें

विकल्प A: WordPress

WordPress डायरेक्टरी से आधिकारिक प्लगइन इंस्टॉल करें या ZIP फ़ाइल अपलोड करें। अपनी sp_wp_... कुंजी को सेटिंग्स > SmallPict में पेस्ट करें और स्वचालित WebP/AVIF रूपांतरण सक्षम करें।

विकल्प B: बैकएंड या फ्रंटएंड 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 अनुकूलित छवि URL और प्राप्त की गई बचत प्रतिशत युक्त एक JSON पेलोड लौटाएगा:

{  "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"  }}

अनुशंसित डिफ़ॉल्ट कॉन्फ़िगरेशन