स्प्रइट जनरेटर
चित्र अपलोड करने के लिए क्लिक करें
समर्थन प्रारूप: PNG, JPG, WebP
050
स्प्राइट प्रीव्यू के लिए इमेज अपलोड करें
चित्र अपलोड करने के लिए क्लिक करें
समर्थन प्रारूप: PNG, JPG, WebP
स्प्राइट प्रीव्यू के लिए इमेज अपलोड करें
CSS Sprites एक फ्रंटएंड अनुकूलन तकनीक है जो वेबपेज के कई छोटे आइकन या बटन को एक बड़ी इमेज में जोड़ देती है। इससे सर्वर पर HTTP रिक्वेस्ट्स की संख्या काफी कम हो जाती है, सर्वर लोड घटता है और पेज लोड समय तेज होता है।
बस अपने आइकन फ़ाइलों (PNG, JPG, आदि) को बल्क में ड्रैग और ड्रॉप करें और टूल उन्हें स्वचालित रूप से मर्ज कर देगा। आप आइकन क्रम समायोजित करने के लिए ड्रैग कर सकते हैं, क्षैतिज/लंबवत/ग्रिड लेआउट चुन सकते हैं और रिजल्ट को रियल टाइम में पूर्वावलोकन कर सकते हैं। पूरा होने पर, सिस्टम सटीक background-position जानकारी के साथ CSS कोड ऑटो-जनरेट करता है।
बिल्कुल। आप आइकन के बीच क्षैतिज और लंबवत दूरी स्वतंत्र रूप से सेट कर सकते हैं ताकि CSS पोजिशनिंग में किनारे ओवरलैप या प्रदर्शन समस्याओं से बचा जा सके।
हम लचीले लेआउट विकल्प प्रदान करते हैं जिसमें क्षैतिज, लंबवत और ग्रिड (मैट्रिक्स) लेआउट शामिल हैं। इमेज स्थान का सबसे कुशल उपयोग करने के लिए उस व्यवस्था को चुनें जो आपके प्रोजेक्ट के लिए सबसे उपयुक्त हो।
हाँ, यह HD PNG या JPG आइकन के बल्क अपलोड का समर्थन करता है। प्रोसेसिंग आपके ब्राउज़र में सीधे लॉसलेस होती है और जनरेट की गई स्प्रिट शीट मूल इमेज की स्पष्टता और विवरण को पूरी तरह से संरक्षित रखती है।