Skip to main content
CheckTown

स्प्राइट शीट जनरेटर

इमेज को एक स्प्राइट शीट में मिलाएँ और अपने-आप बना CSS कोड पाएँ। पूरी तरह ब्राउज़र-आधारित।

और जानें

CSS स्प्राइट शीट जेनरेटर: CSS कोड के साथ इमेज संयोजित करें

जानें कि वेब अनुकूलन के लिए स्वचालित रूप से जेनरेट किए गए CSS background-position कोड के साथ स्प्राइट शीट कैसे बनाएँ।

CSS स्प्राइट शीट क्या हैं

एक स्प्राइट शीट कई छोटी छवियों को एक ही बड़ी छवि फ़ाइल में जोड़ देती है। हर अलग छवि शीट के भीतर एक निर्धारित क्षेत्र घेरती है। वेब डेवलपमेंट में, हर तत्व के लिए ज़रूरी स्प्राइट शीट के केवल उतने ही भाग को दिखाने के लिए CSS background-position का उपयोग किया जाता है, जिससे HTTP अनुरोध कम होते हैं और पृष्ठ लोड प्रदर्शन बेहतर होता है।

5 मिनट का पठनपूरी गाइड पढ़ें

अक्सर पूछे जाने वाले प्रश्न