स्प्राइट शीट जनरेटर
छवियों को स्प्राइट शीट में संयोजित करें, ड्रैग से पुनर्व्यवस्थित करें, ग्रिड लेआउट, पैडिंग, स्केल मोड। JSON एटलस डेटा के साथ PNG/WebP/JPG निर्यात करें।
स्प्राइट शीट क्या है और इसका उपयोग क्यों करें?
स्प्राइट शीट एक एकल छवि फ़ाइल है जिसमें ग्रिड में व्यवस्थित कई छोटी छवियाँ (स्प्राइट्स) होती हैं। स्प्राइट शीट का उपयोग HTTP अनुरोधों को कम करता है, पृष्ठ लोड प्रदर्शन में सुधार करता है, और गेम रेंडरिंग को अधिक कुशल बनाता है।
कौन से छवि प्रारूप समर्थित हैं?
आप PNG, JPG, GIF, SVG, और WebP छवियाँ अपलोड कर सकते हैं। उपकरण तेज़ वर्कफ़्लो के लिए बैच अपलोड और क्लिपबोर्ड पेस्ट (Ctrl+V) का समर्थन करता है।
कौन से निर्यात प्रारूप उपलब्ध हैं?
स्प्राइट शीट को PNG (पारदर्शिता के साथ), WebP (छोटे फ़ाइल आकार के साथ आधुनिक प्रारूप), या JPG (पारदर्शिता के बिना फ़ोटो के लिए सर्वोत्तम) के रूप में निर्यात किया जा सकता है।
स्प्राइट शीट में छवियों को कैसे पुनर्व्यवस्थित करें?
स्प्राइट शीट में उनकी स्थिति को पुनर्व्यवस्थित करने के लिए छवि थंबनेल को खींचें और छोड़ें। आप Ctrl+V का उपयोग करके क्लिपबोर्ड से सीधे छवियाँ पेस्ट भी कर सकते हैं।
JSON एटलस डेटा क्या है और कौन से इंजन इसका समर्थन करते हैं?
JSON एटलस डेटा में प्रत्येक स्प्राइट की स्थिति, आकार और फ्रेम जानकारी होती है। यह Phaser, PixiJS, Unity, Cocos2d जैसे लोकप्रिय गेम इंजनों के साथ स्वचालित स्प्राइट निष्कर्षण के लिए संगत है।
विभिन्न स्केल मोड क्या हैं?
फिट अनुपात बनाए रखता है। भरें सेल को ढकता है और अतिरिक्त काटता है। खींचें भरने के लिए विकृत करता है।
क्या उपकरण पारदर्शिता का समर्थन करता है?
हाँ, PNG और WebP पारदर्शिता बनाए रखते हैं। आप कस्टम बैकग्राउंड रंग भी सेट कर सकते हैं, जो JPG निर्यात के लिए उपयोगी है जो पारदर्शिता का समर्थन नहीं करते।
पैडिंग स्प्राइट शीट को कैसे प्रभावित करती है?
पैडिंग शीट में व्यक्तिगत स्प्राइट्स के बीच स्थान जोड़ती है, जब बनावट का नमूना लिया जाता है तो दृश्य रिसाव को रोकती है। यह रैखिक फ़िल्टरिंग का उपयोग करने वाले गेम इंजनों के लिए विशेष रूप से महत्वपूर्ण है।
क्या मैं CSS के लिए स्प्राइट शीट का उपयोग कर सकता हूँ?
हाँ, स्प्राइट शीट CSS छवि स्प्राइट्स के लिए बहुत अच्छा काम करते हैं। JSON एटलस डेटा का उपयोग CSS background-position नियमों को उत्पन्न करने के लिए किया जा सकता है।
स्प्राइट शीट आयामों के लिए सर्वोत्तम प्रथाएँ क्या हैं?
इष्टतम GPU बनावट हैंडलिंग के लिए आयामों को 2 की घात के रूप में रखें (256x256, 512x512, 1024x1024)।
स्प्राइट शीट गेम प्रदर्शन में कैसे सुधार करते हैं?
स्प्राइट शीट एकल बनावट में कई स्प्राइट्स को बैच करके ड्रा कॉल को कम करते हैं। यह GPU स्थिति परिवर्तनों को कम करता है, मेमोरी ओवरहेड को कम करता है।
स्प्राइट शीट और टेक्सचर एटलस में क्या अंतर है?
स्प्राइट शीट आमतौर पर फ्रेम को एक वर्दीग्रिड में व्यवस्थित करते हैं, जबकि टेक्सचर एटलस bin packing जैसे एल्गोरिदम का उपयोग करके अनियमित आकार के स्प्राइट्स को अधिक कुशलता से पैक कर सकते हैं।
स्प्राइट शीट जनरेटर का उपयोग कैसे करें
अपने ब्राउज़र में ही कई तस्वीरों को एक स्प्राइट शीट में जोड़ें। ड्रैग करके फ़्रेम का क्रम बदलें, ग्रिड और पैडिंग को बारीकी से सेट करें, और गेम इंजन व CSS स्प्राइट्स के लिए JSON डेटा के साथ PNG/WebP/JPG एटलस निर्यात करें। पूरी प्रोसेसिंग लोकल होती है।
- अपनी तस्वीरें जोड़ें और ग्रिड के Columns और Rows सेट करने के लिए + और − बटनों का उपयोग करें।
- स्प्राइट्स के बीच जगह रखने और टेक्सचर ब्लीडिंग रोकने के लिए Padding (px) सेट करें।
- Sprite Size को Auto पर छोड़ दें ताकि सबसे बड़ा फ़्रेम फ़िट हो, या समान सेल के लिए निश्चित आकार टाइप करें।
- Scale Mode चुनें — Fit, Fill या Stretch — ताकि तय हो कि हर तस्वीर अपने सेल में कैसे बैठेगी।
- Background चुनें (Transparent, White, Black या Custom), Format को PNG, WebP या JPG पर सेट करें और Filename में फ़ाइल का नाम लिखें।
- फ़्रेम का क्रम बदलने के लिए थंबनेल ड्रैग करें — एटलस कोऑर्डिनेट अपने आप अपडेट हो जाते हैं — फिर JSON एटलस सहित शीट निर्यात करें।
कम से कम 2 px पैडिंग रखें ताकि इंजन में टेक्सचर स्केल या फ़िल्टर होते समय पास के स्प्राइट आपस में न मिल जाएँ।
संबंधित टूल
- Chmod कैलकुलेटर चेकबॉक्स के साथ Linux फ़ाइल अनुमतियों को विज़ुअलाइज़ और गणना करने के लिए मुफ्त ऑनलाइन chmod कैलकुलेटर। संख्यात्मक (755, 644) और प्रतीकात्मक (rwxr-xr-x) अंकन के बीच तुरंत कन्वर्ट करें। setuid, setgid, sticky bit जैसी विशेष अनुमतियों का समर्थन करता है।
- ASCII तालिका दशमलव, हेक्साडेसिमल, ऑक्टल, बाइनरी कोड, HTML एंटिटी और वर्णन के साथ पूर्ण ASCII वर्ण एन्कोडिंग संदर्भ। तुरंत खोजें और फ़िल्टर करें।
- HTTP अनुरोध परीक्षक अपने ब्राउज़र में सीधे REST API का परीक्षण करें। कस्टम हेडर, बॉडी और क्वेरी पैरामीटर के साथ GET, POST, PUT, DELETE अनुरोध भेजें। तुरंत प्रतिक्रिया स्थिति, हेडर और JSON बॉडी देखें।
- .htaccess जनरेटर Apache .htaccess नियम उत्पन्न करें - रीडायरेक्ट, रीराइट, सुरक्षा हेडर, कैशिंग और बहुत कुछ।
- Robots.txt जनरेटर मुफ्त ऑनलाइन robots.txt जनरेटर। robots.txt फ़ाइलें बनाएं और अनुकूलित करें ताकि सर्च इंजन क्रॉलिंग को नियंत्रित किया जा सके, क्रॉलर एक्सेस को प्रबंधित किया जा सके, और आपकी साइट के SEO को अनुकूलित किया जा सके।
- साइटमैप जनरेटर मुफ्त ऑनलाइन XML साइटमैप जनरेटर। URL जोड़ें, प्राथमिकता और आवृत्ति सेट करें, SEO-अनुकूल साइटमैप तुरंत बनाएं।
- GIF फ्रेम विभाजक GIF एनिमेशन से व्यक्तिगत फ्रेम PNG या स्प्राइट शीट के रूप में निकालें और डाउनलोड करें। पूर्वावलोकन और ZIP निर्यात के साथ मुफ्त ऑनलाइन टूल।
- GIF रिवर्स GIF एनिमेशन प्लेबैक क्रम मुफ्त में उल्टा करें। तुरंत अपलोड, पूर्वावलोकन और डाउनलोड करें।