इमेज स्प्राइट शीट एकाधिक छवियों को एकल स्प्राइट शीट में विन्यास योग्य कॉलम और स्थान के साथ जोड़ें।

What Is इमेज स्प्राइट शीट?

एक स्प्राइट शीट जनरेटर जो एक ग्रिड में व्यवस्थित कई छवियों को एकल संयुक्त छवि में मिलाता है, साथ ही प्रत्येक स्प्राइट के लिए सीएसएस बैकग्राउंड-पोज़िशन समन्वय भी देता है। वेब प्रदर्शन अनुकूलन, गेम स्प्राइट एनिमेशन और आइकन सेट्स के लिए आवश्यक। अपनी व्यक्तिगत छवियों को अपलोड करें, कॉलम गणना और पैडिंग सेट करें, और टूल दोनों संयुक्त पीएनजी और सीएसएस स्निप्पेट उत्पन्न करता है।

Why Use इमेज स्प्राइट शीट?

• स्प्राइट शीट छवि + सीएसएस समन्वय जानकारी उत्पन्न करता है
• कॉलम और पैडिंग को कॉन्फ़िगर करने योग्य बनाता है
• बेहतर वेब प्रदर्शन के लिए एचटीटीपी अनुरोधों को कम करता है
• आइकन सेट और गेम स्प्राइट्स के लिए उपयुक्त

Common Use Cases

वेब प्रदर्शन

एचटीटीपी अनुरोधों को कम करने के लिए आइकनों को एक स्प्राइट शीट में जोड़ें।

गेम विकास

व्यक्तिगत फ़्रेम छवियों से एनिमेशन स्प्राइट शीट बनाएं।

आइकन सेट

एक ही कुशल स्प्राइट छवि में कई आइकन पैक करें।

सीएसएस स्प्राइट्स

तैयार-से-उपयोग सीएसएस कोड के साथ अनुकूलित स्प्राइट शीट उत्पन्न करें।

Technical Guide

छवियों को लोड किया जाता है और एक ग्रिड में व्यवस्थित किया जाता है, जिसमें कॉन्फ़िगर करने योग्य कॉलम होते हैं। पंक्ति गणना की गणना ceil(छवि गणना/कॉलम) के रूप में की जाती है। कैनवास आयाम अधिकतम चौड़ाई-प्रति-कॉलम और कुल-पंक्ति-ऊंचाई प्लस पैडिंग से निर्धारित किए जाते हैं। प्रत्येक छवि अपने गणना की गई ग्रिड स्थिति पर आकर्षित की जाती है। सीएसएस समन्वय प्रत्येक स्प्राइट के लिए नकारात्मक बैकग्राउंड-पोज़िशन मान के रूप में उत्पन्न किया जाता है।

Tips & Best Practices

• 1
  एक स्वच्छ ग्रिड के लिए समान छवि आकारों का उपयोग करें
• 2
  अनावश्यक जगह को कम करने के लिए पैडिंग को 1-2px पर रखें
• 3
  बेहतर सीएसएस वर्ग नामों के लिए अपनी फ़ाइलों को विवरणात्मक रूप से नाम दें
• 4
  गेम इंजन संगतता के लिए शक्तियों का उपयोग करें

Related Tools

इमेज रिसाइज़र

एक्स्ट पिक्सेल आयामों या प्रतिशत द्वारा इमेज को बदलने की सुविधा, जिसमें पहले वाले अनुपात को बनाए रखा जाता है।

🖼️ Image Tools

फेविकॉन जनरेटर

किसी भी छवि से कई आकारों (16x16, 32x32, 48x48 और अधिक) में फेविकॉन बनाएं।

🖼️ Image Tools

इमेज कॉलेज

एकाधिक छवियों को एक ही कॉलेज में विभिन्न लेआउट और स्पेसिंग के साथ जोड़ें।

🖼️ Image Tools

इमेज ग्रिड मेकर

एक एकल इमेज को इंस्टाग्राम ग्रिड और पहेलियों के लिए समान आकार के टाइल्स वाले ग्रिड में विभाजित करें।

🖼️ Image Tools

Frequently Asked Questions

Q कौन से छवि आकार सबसे अच्छे काम करते हैं?

समान आकार साफ़ स्प्राइट्स उत्पन्न करते हैं, लेकिन मिश्रित आकारों का भी समर्थन किया जाता है।

Q क्या यह सीएसएस उत्पन्न करता है?

हाँ - प्रत्येक स्प्राइट के लिए बैकग्राउंड-पोज़िशन मानों के साथ पूर्ण सीएसएस।

Q मैं कितनी छवियों को जोड़ सकता हूँ?

किसी भी संख्या में छवियों को एक स्प्राइट शीट में जोड़ा जा सकता है।

Q रेटिना डिस्प्ले के बारे में क्या?

रेटिना समर्थन के लिए 2x रिज़ॉल्यूशन छवियों का उपयोग करें और सीएसएस बैकग्राउंड-आकार को आधा करें।

Q क्या मैं इसे गेम स्प्राइट्स के लिए उपयोग कर सकता हूँ?

बिल्कुल - गेम स्प्राइट शीट के लिए एनिमेशन फ़्रेमों को अनुक्रम में व्यवस्थित करें।

About This Tool

इमेज स्प्राइट शीट is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.