CSS स्प्राइट जनरेटर

CSS स्प्राइट क्या है?

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

क्या CSS स्प्राइट जनरेटर मुफ्त है?

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

कौन से छवि प्रारूप समर्थित हैं?

उपकरण JPG, PNG, WebP, GIF, BMP, AVIF, SVG और अधिक सहित सभी सामान्य छवि प्रारूपों का समर्थन करता है। पारदर्शिता बनाए रखने के लिए स्प्राइट के लिए PNG की सिफारिश की जाती है।

मैं उत्पन्न CSS कोड का उपयोग कैसे करूं?

CSS कोड कॉपी करें और इसे अपनी स्टाइलशीट में पेस्ट करें। डाउनलोड की गई स्प्राइट छवि को अपने प्रोजेक्ट की एसेट्स फ़ोल्डर में रखें और अपनी प्रोजेक्ट संरचना से मेल खाने के लिए पृष्ठभूमि-छवि URL पथ को अद्यतन करें।

मुझे कौन सा लेआउट चुनना चाहिए?

क्षैतिज लेआउट छवियों को एक पंक्ति में रखता है — बटन अवस्थाओं और नेव आइटम के लिए आदर्श। लंबवत लेआउट उन्हें स्टैक करता है — ड्रॉपडाउन मेनू और सूचियों के लिए बहुत अच्छा। ग्रिड लेआउट उन्हें एक कॉम्पैक्ट ग्रिड में व्यवस्थित करता है — समान आकार वाले आइकन सेट के लिए सबसे अच्छा।

क्या उपकरण उच्च-DPI (Retina) छवियों का समर्थन करता है?

उपकरण आपकी मूल छवि आयामों को संरक्षित करता है। Retina समर्थन के लिए, छवियों को 2× आकार में अपलोड करें और अपनी स्टाइलशीट में उन्हें स्केल करने के लिए CSS पृष्ठभूमि-आकार का उपयोग करें।

क्या मैं स्प्राइट में छवियों को पुनः क्रमित कर सकता हूँ?

छवियाँ उसी क्रम में व्यवस्थित होती हैं जिस क्रम में आप उन्हें अपलोड करते हैं। क्रम बदलने के लिए, बस उन्हें हटाएँ और वांछित क्रम में पुनः अपलोड करें।