Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS इमेज स्प्राइट्स की भूमिका

जब इमेजेज के संग्रह को एक ही इमेज में रखा जाता है, तो इसे इमेज स्प्राइट कहते हैं। यह सर्वर रिक्वेस्ट कम करने और इमेजेज को तुरंत लोड करने के लिए किया जाता है।

मान लीजिए आपको अपने वेब पेज पर 4 इमेजेज उपयोग करनी हैं। उस स्थिति में, सभी इमेजेज को एक ही इमेज में जोड़ें और अपलोड करें। इससे आप सर्वर रिक्वेस्ट बचा सकते हैं।


  1. - CSS Blur Filter - इमेज पर ब्लर इफेक्ट लगाने का गाइड

    CSS Filter प्रॉपर्टी CSS filter प्रॉपर्टी आपको वेब पेज पर किसी एलिमेंट पर ग्राफिकल इफेक्ट्स लागू करने की अनुमति देती है। अक्सर, फिल्टर प्रॉपर्टी का उपयोग वेब पेज पर इमेजेज और बैकग्राउंड्स पर फिल्टर लागू करने के लिए किया जाता है। CSS द्वारा कई अलग-अलग फिल्टर्स प्रदान किए जाते हैं। उदाहरण के लिए, opa

  1. CSS border-image प्रॉपर्टी: इमेज से बॉर्डर बनाएं CSS border-image प्रॉपर्टी: इमेज से बॉर्डर बनाएं

    CSS में border-image प्रॉपर्टी को पहली बार में समझना थोड़ा मुश्किल हो सकता है। इस लेख में, हम चर्चा करेंगे कि border-image प्रॉपर्टी क्या है, इसका उपयोग कैसे करें, और विभिन्न ब्राउज़रों में इसका उपयोग करते समय इसकी विचित्रताएं। बॉर्डर-इमेज शॉर्टहैंड सिंटैक्स border-image: url(image.jpg) 25% / 70px

  1. CSS इमेज स्प्राइट्स कैसे बनाएं और उपयोग करें CSS इमेज स्प्राइट्स कैसे बनाएं और उपयोग करें

    CSS इमेज स्प्राइट एक डॉक्यूमेंट पेज की सभी तस्वीरों की संयुक्त इमेज फाइल होती है। इमेज स्प्राइट्स उपयोगी होती हैं क्योंकि इमेज रिसोर्सेज को केवल एक बार लोड करना पड़ता है। CSS background-position का उपयोग करके संयुक्त इमेज के विभिन्न भागों को दिखाया जा सकता है। आइए CSS इमेज स्प्राइट्स का एक उदाहरण दे