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

स्प्राइट निम्नलिखित में से किसी को भी संदर्भित कर सकता है:

1. जब एक वेब पेज का जिक्र किया जाता है, तो स्प्राइट एक एकल छवि होती है जिसमें कई चित्र शामिल होते हैं। दाईं ओर की तस्वीर कंप्यूटर होप सिंगल स्प्राइट का एक उदाहरण है जिसमें कंप्यूटर होप वेबसाइट पर 12 अलग-अलग छवियों का उपयोग किया गया है। एक वेब पेज पर स्प्राइट्स का उपयोग करके, लोड समय में सुधार किया जाता है, और सर्वर तनाव कम हो जाता है। उदाहरण में, क्योंकि बारह छवियां स्प्राइट में समाहित हैं, आपके ब्राउज़र को केवल बारह के बजाय सर्वर से एक अनुरोध करना होगा।

नीचे एक CSS क्लास का उदाहरण दिया गया है, जिसका इस्तेमाल कंप्यूटर होप पर प्रिंट पेज आइकन दिखाने के लिए किया जाता है। स्प्राइट में प्रत्येक छवि उसी तरह लोड होती है, लेकिन छवि का स्थान बदल जाता है।

 .print {पृष्ठभूमि: url (img / परिभाषा / 134 / what-is-sprite.png) no-repeat -10px -302px 

हालांकि एक स्प्राइट मैन्युअल रूप से किया जा सकता है, जो नए उपयोगकर्ताओं को स्प्राइट करने के लिए है या जो स्प्राइट बनाने का तरीका सीखना नहीं चाहते हैं, हम स्प्राइटगेन डॉट कॉम जैसे स्प्राइट जनरेटर का उपयोग करने की सलाह देते हैं।

2. एक ग्राफिक छवि या एनिमेटेड ग्राफिक छवि जिसे माउस कर्सर या कीबोर्ड कमांड के साथ स्वतंत्र रूप से स्थानांतरित किया जा सकता है। स्प्राइट का एक उदाहरण कंप्यूटर माउस कर्सर है।

सीएसएस, ग्राफिक, आइकन, वेब डिजाइन की शर्तें