स्प्राइट शीट जनरेटर
इमेज को एक स्प्राइट शीट में मिलाएँ और अपने-आप बना CSS कोड पाएँ। पूरी तरह ब्राउज़र-आधारित।
Ctrl+Enter चलाने के लिएCtrl+Shift+C कॉपी करने के लिए
और जानें
CSS स्प्राइट शीट जेनरेटर: CSS कोड के साथ इमेज संयोजित करें
जानें कि वेब अनुकूलन के लिए स्वचालित रूप से जेनरेट किए गए CSS background-position कोड के साथ स्प्राइट शीट कैसे बनाएँ।
CSS स्प्राइट शीट क्या हैं
एक स्प्राइट शीट कई छोटी छवियों को एक ही बड़ी छवि फ़ाइल में जोड़ देती है। हर अलग छवि शीट के भीतर एक निर्धारित क्षेत्र घेरती है। वेब डेवलपमेंट में, हर तत्व के लिए ज़रूरी स्प्राइट शीट के केवल उतने ही भाग को दिखाने के लिए CSS background-position का उपयोग किया जाता है, जिससे HTTP अनुरोध कम होते हैं और पृष्ठ लोड प्रदर्शन बेहतर होता है।
5 मिनट का पठनपूरी गाइड पढ़ें