Sprite Sheet
Sprite Sheet (Image Atlas)
एक एकल इमेज फ़ाइल जिसमें कई छोटी इमेज को ग्रिड में व्यवस्थित किया गया है, जिसका उपयोग वेब डेवलपमेंट और गेम डेवलपमेंट में कई अलग-अलग इमेज को एक ही बार में लोड करने के लिए किया जाता है।
तकनीकी विवरण
स्प्राइट शीट HTTP रिक्वेस्ट को कम करती हैं, क्योंकि एक बड़ी इमेज कई छोटी इमेज से तेज़ लोड होती है। CSS स्प्राइट background-position का उपयोग करते हुए एक बड़ी इमेज के विशिष्ट क्षेत्र दिखाते हैं। गेम डेवलपमेंट में, स्प्राइट शीट एनीमेशन फ्रेम, कैरेक्टर स्टेट या UI एलिमेंट को एक टेक्सचर एटलस में संग्रहीत करती हैं, GPU बैच रेंडरिंग के लिए ड्रॉ कॉल को कम करती हैं।
उदाहरण
```javascript
// Sprite Sheet: processing with Canvas API
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
ctx.drawImage(sourceImage, 0, 0);
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
// Process pixels in imageData.data (RGBA array)
```
संबंधित टूल्स
C
Compress Image
R
Resize Image
C
Crop Image
R
Rotate Image
F
Flip Image
C
Convert Image
W
Watermark Image
S
SVG to PNG
I
Image to Base64
R
Round Corners
A
Add Border
I
Image Filters
A
Adjust Image
B
Blur Image
S
Sharpen Image
M
Make Square
ग
ग्रेस्केल इमेज
स
सीपिया इमेज
प
पिक्सेलेट इमेज
इ
इमेज मेटाडेटा स्ट्रिप