होम पर वापस जाएं
स्प्राइट शीट जेनरेटर – CSS स्प्राइट्स और टेक्सचर एटलस
कई छवियों को एक स्प्राइट शीट में पैक करें और सटीक CSS बैकग्राउंड-पोजीशन और एक TexturePacker-शैली का JSON मैप प्राप्त करें। CSS स्प्राइट्स, वेब आइकन और गेम एनिमेशन फ्रेम के लिए आदर्श। पुनर्व्यवस्थित करें, कॉलम और पैडिंग सेट करें, फिर शीट और उसके निर्देशांक डाउनलोड करें। निःशुल्क, निजी और 100% आपके ब्राउज़र में।
पैक करने के लिए छवियां अपलोड करें
स्वीकृत फॉर्मेट: JPG, PNG, WEBP, BMP, GIF (गैर-एनिमेटेड)
छवि चिपकाएँ (Ctrl/⌘+V) या खींचें — या URL से आयात करें
अपनी साइट या गेम को गति देने के लिए कई छोटी छवियों को एक ही स्प्राइट शीट में मिलाएं। Image Machine आपके आइकन या फ़्रेम को ब्राउज़र में एक छवि में पैक करता है — कोई अपलोड नहीं, कोई खाता नहीं — ताकि आप उन्हें एक ही अनुरोध में परोस सकें। शीट आपके डिवाइस पर असेंबल की जाती है और आपकी संपत्तियां निजी रहती हैं।
यह कैसे काम करता है
एक टूल चुनें
अपनी इमेज को रिसाइज़, कन्वर्ट, कंप्रेस या बेहतर बनाने के लिए 120+ टूल्स में से चुनें।
अपलोड और एडिट करें
अपनी इमेज को ड्रैग और ड्रॉप करें और सेटिंग्स एडजस्ट करें। यह आपके डिवाइस पर ही रहती है।
डाउनलोड करें
अपना नतीजा तुरंत सेव करें — कोई वॉटरमार्क नहीं, कोई साइन-अप ज़रूरी नहीं।
Image Machine क्यों?
आपकी फाइलें कभी आपके डिवाइस से बाहर नहीं जातीं
सारी प्रोसेसिंग आपके ब्राउज़र में लोकली होती है। आपकी इमेजें कभी किसी सर्वर पर अपलोड नहीं होतीं।
पूरी तरह मुफ्त
हर टूल मुफ्त है, बिना किसी सीमा, बिना वॉटरमार्क और बिना किसी छिपे खर्च के।
बिजली जैसी तेज़
कोई अपलोड का इंतज़ार नहीं — आपकी इमेजें आपके अपने डिवाइस पर तुरंत प्रोसेस होती हैं।
प्रोफेशनल क्वालिटी
फॉर्मेट, साइज़ और क्वालिटी पर पूरे नियंत्रण के साथ पिक्सेल-परफेक्ट आउटपुट।
अक्सर पूछे जाने वाले सवाल
sprite sheet किसलिए होती है?
एक sprite sheet कई छोटे ग्राफ़िक्स — आइकन, बटन, या एनिमेशन फ़्रेम — को एक इमेज में मिला देती है। दर्जनों के बजाय एक ही फ़ाइल लोड करना नेटवर्क अनुरोधों को घटाता है, जो वेब पेज और गेम को तेज़ करता है।
मैं वेबसाइट पर sprite sheet का उपयोग कैसे करूँ?
संयुक्त इमेज को प्रदर्शित करें और केवल वही आइकन दिखाने के लिए CSS background-position से उसकी स्थिति बदलें जो आपको चाहिए। एनिमेशन इंजन भी इसी तरह काम करते हैं, शीट में पैक किए गए फ़्रेम के बीच आगे बढ़ते हुए।
क्या इमेज को मिलाने से क्वालिटी कम होती है?
नहीं — हर इमेज को शीट में पूर्ण रिज़ॉल्यूशन पर रखा जाता है। पारदर्शिता के साथ सब कुछ लॉसलेस रखने के लिए PNG के रूप में एक्सपोर्ट करें, जो आइकन और UI स्प्राइट के लिए मानक विकल्प है।