Creation
स्प्राइट शीट जनरेटर
डेवलपर्स के लिए CSS, JSON, और SCSS आउटपुट के साथ कई छवियों को एक स्प्राइट शीट में संयोजित करें।
Your files stay on your device - processed locally via WebAssembly, never uploaded
Drop sprites (PNG, JPEG, WebP)
Drop multiple files at once. Add more anytime.
Embed this tool on your website
Copy this code to add the स्प्राइट शीट जनरेटर to your site for free. It runs entirely in your visitors' browsers - no API key, no usage limits.
<iframe src="https://optipix.art/embed/sprite-sheet" width="100%" height="600" style="border:1px solid #e4e4e7;border-radius:8px;" title="स्प्राइट शीट जनरेटर by OptiPix" loading="lazy"></iframe> <p style="font-size:12px">Free tool by <a href="https://optipix.art/sprite-sheet">OptiPix स्प्राइट शीट जनरेटर</a></p>
❤️ Love this tool? Support our team.
No ads, no tracking, no limits. Tips keep 104 tools free for everyone.
Secure payment via Stripe · No account needed
About स्प्राइट शीट जनरेटर
Last updated: May 2026
OptiPix Sprite Sheet Generator कई इमेज को एक ऑप्टिमाइज़्ड स्प्राइट शीट में जोड़ता है, जिसमें CSS, JSON कोऑर्डिनेट्स और SCSS वेरिएबल्स पेस्ट करने के लिए तैयार होते हैं। एक लेआउट चुनें: हॉरिजॉन्टल स्ट्रिप, वर्टिकल स्ट्रिप, ग्रिड (कस्टम कॉलम काउंट), या पैक्ड (न्यूनतम बर्बाद जगह के लिए बिन-पैक्ड)। एज ब्लीडिंग को रोकने के लिए स्प्राइट्स के बीच पैडिंग सेट करें। आउटपुट एक सिंगल PNG स्प्राइट शीट है जिसमें हर स्प्राइट के लिए जेनरेटेड CSS ('.sprite-icon-home { background-position: -0px -0px; … }'), एक JSON कोऑर्डिनेट मैप और SCSS वेरिएबल्स हैं। रेटिना @1x और @2x स्केलिंग समर्थित है। प्रत्येक स्प्राइट का नाम उसके सोर्स फ़ाइलनाम के आधार पर रखा जाता है। सब कुछ स्थानीय रूप से चलता है - आपकी इमेज कभी भी आपके डिवाइस से बाहर नहीं जाती हैं। गेम डेवलपर्स, CSS स्प्राइट्स का उपयोग करने वाले वेब डेवलपर्स और जो कोई भी छोटे आइकनों को एक नेटवर्क रिक्वेस्ट में बंडल करना चाहता है, उनके लिए बनाया गया है।
How It Works
प्रत्येक इनपुट इमेज को मेमोरी में लोड किया जाता है; चुना हुआ लेआउट एल्गोरिथम (स्ट्रिप, ग्रिड, या शेल्फ बिन-पैक) प्रति-स्प्राइट (x, y, w, h) कोऑर्डिनेट्स की गणना करता है; स्प्राइट शीट को एक कैनवास पर रेंडर किया जाता है; CSS / JSON / SCSS को उसी कोऑर्डिनेट मैप से जेनरेट किया जाता है।
Use Cases
- •UI आइकनों को एक सिंगल PNG + CSS स्प्राइट शीट में बंडल करें
- •Phaser या Pixi में 2D गेम के लिए स्प्राइट एटलस बनाएं
- •तेज़ साइट के लिए सोशल मीडिया आइकनों को एक CSS स्प्राइट में मिलाएं
- •कैरेक्टर एनिमेशन फ़्रेम को हॉरिजॉन्टल स्ट्रिप में पैक करें
- •सोर्स इमेज से रेटिना-रेडी @2x स्प्राइट शीट बनाएं
You Might Also Like
If you find स्प्राइट शीट जनरेटर useful, check out these related tools: Image Crop, Image Resizer, and Format Converter. All tools run entirely in your browser with no uploads or signups required.
Explore more: Browse all tools · Step-by-step guides · Tips & tutorials · Compare tools
Frequently Asked Questions
मुझे कौन सा लेआउट इस्तेमाल करना चाहिए?
बिन-पैकिंग क्या है?
क्या मैं CSS / JSON / SCSS एक्सपोर्ट कर सकता हूँ?
स्प्राइट शीट का उपयोग क्यों करें?
क्या मेरी इमेज अपलोड की जाती हैं?
Related Tools
इमेज क्रॉप
किसी भी आस्पेक्ट रेशियो या आकार - सर्कल, दिल, स्टार, हेक्सागन - को रोटेट और स्ट्रेटन के साथ क्रॉप करें।
इमेज रिसाइज़र
Instagram, Twitter, LinkedIn, और अन्य के लिए छवियों का आकार बदलें।
फॉर्मेट कन्वर्टर
JPEG, PNG, WebP, और अन्य के बीच छवियों को परिवर्तित करें।
फेविकॉन जनरेटर
किसी भी छवि, टेक्स्ट या इमोजी से हर फेविकॉन आकार + ICO फ़ाइल + वेब मैनिफ़ेस्ट उत्पन्न करें।