गतिशील छवि प्रतिस्थापन व्यावहारिक तकनीक और उपकरण

जब वेब डिज़ाइन की बात आती है, तो डिज़ाइन की रचनात्मकता को समर्थित वेब फोंट के सीमित विकल्पों द्वारा वापस नहीं लिया जाना चाहिए जिन्हें हम कॉल करते हैं वेब-सुरक्षित फोंट. डिजाइनरों को किसी भी फोंट का उपयोग करने की स्वतंत्रता होनी चाहिए जो वे शीर्षक और सामग्री पर पसंद करते थे.

2005 में, डायनामिक इमेज रिप्लेसमेंट को तकनीक नाम से लोकप्रिय बनाया गया था स्केलेबल इनमैन फ्लैश रिप्लेसमेंट (sIFR). द्वारा विकसित शॉन इनमैन, sIFR Javascript और Adobe Flash का फायदा उठाते हुए वेब डिज़ाइनरों को वेबसाइट पर पसंद आने वाले किसी भी कस्टम फोंट का उपयोग करने की अनुमति देता है और फिर भी उन लोगों के लिए दृश्यता बनाए रखता है जिनके पास वह फ़ॉन्ट नहीं है। और जैसा कि वेब विकसित करना जारी है, आज हमारे पास विभिन्न तकनीकों का उपयोग करके अधिक वैकल्पिक समाधान हैं, बस अगर आप फ्लैश के बहुत प्रशंसक नहीं हैं.

आगे की हलचल के बिना, चलो में से कुछ पर एक नज़र डालते हैं गतिशील छवि प्रतिस्थापन को प्राप्त करने की तकनीकें.

आमतौर पर इस्तेमाल की जाने वाली तकनीकें

यहाँ गतिशील छवि प्रतिस्थापन के लिए सबसे अधिक प्रचलित तकनीकों में से कुछ हैं.

स्केलेबल इनमैन फ्लैश रिप्लेसमेंट (sIFR)

sIFR वेबसाइटों पर कस्टम फोंट एम्बेड करने के लिए सबसे लोकप्रिय विधि में से एक है। यह आपकी वेबसाइट के लिए कस्टम टाइपफेस उत्पन्न करने के लिए जावास्क्रिप्ट और फ्लैश का उपयोग करता है और परिवर्तित टाइपफेस को चयन करने योग्य बनाता है। इसके अलावा, परिवर्तित टाइपफेस स्रोत कोड में पाठ के रूप में रहता है इसलिए खोज इंजन अभी भी उन्हें क्रॉल कर सकता है.

sIFR 2 (अनुशंसित) वर्तमान स्थिर रिलीज है, हालांकि यदि आप एसआईएफआर को लागू करने पर विचार कर रहे हैं, तो आपको यह भी पता होना चाहिए सीएफआर 3 बीटा डाउनलोड के लिए भी उपलब्ध है। यह थोड़ा छोटा हो सकता है लेकिन कम से कम यह फ़ॉन्ट-विस्तार की समस्या को हल करता है sIFR 2.

एसआईएफआर के लिए उपकरण जो काम आ सकते हैं:

• sIFRvaultsIFRvault sIFR फोंट का एक भंडार है जिसे आप डाउनलोड कर सकते हैं.
• sIFR जेनरेटरऑनलाइन टूल जो आपको अपने माउस के कुछ क्लिक के साथ sIFR .swf फाइलें बनाने की अनुमति देता है। बस उस फ़ॉन्ट का TTF फ़ॉन्ट अपलोड करें जिसे आप कनवर्ट करना, पूर्वावलोकन करना और डाउनलोड करना चाहते हैं.
• फोंट को sIFR में बदलेंएक .TTF फ़ॉन्ट अपलोड करें और इस वेबसाइट ने उन्हें sIFR फ़्लैश फ़ाइल में बदल दिया है.

SIFR लाइट

मूल sIFR 22k है, इसलिए डेव एक अधिक वस्तु-उन्मुख दृष्टिकोण और परिणाम का उपयोग करके इसे फिर से बनाने का फैसला किया? ३.५k पर ३ एक्स छोटे.

PHP + CSS डायनामिक टेक्स्ट रिप्लेसमेंट (P + C DTR)

जैसा कि नाम से पता चलता है, यह एक पाठ प्रतिस्थापन विधि है जो PHP और CSS का उपयोग करती है जो कि वर्णित मूल विधि का उपयोग करती है स्टीवर्ड रोसेनबर्गर. इसके द्वारा विकसित पिछले संस्करण से भी वृद्धि हुई है आर। मैरी कॉक्स जो पाठ रैपिंग और इनर टैग का समर्थन नहीं करता है। P + C DTR के बारे में एक और अच्छी बात है, छवि पाठ CSS टैग के साथ अनुकूलन योग्य हो सकता है.

typeface.js

क्या बनाता है typeface.js विशेष यह है कि वे कस्टम फोंट एम्बेड करने के लिए केवल जावास्क्रिप्ट का उपयोग करते हैं और शैली को HTML और सीएसएस के साथ और अधिक अनुकूलित किया जा सकता है, कोई फ्लैश की आवश्यकता नहीं है। यह खुला स्रोत है और इन दिनों हम उपयोग कर रहे अधिकांश ब्राउज़रों का समर्थन करते हैं, चाहे वह सफारी, फ़ायरफ़ॉक्स, IE (6 और ऊपर) हो.

टाइपफेस के साथ कुछ प्रयोगों के बाद व्यक्तिगत रूप से, हमें लगता है कि सुधार के लिए कुछ संभावित कमरे हो सकते हैं। सबसे पहले, फोंट विभिन्न ब्राउज़रों के बीच थोड़ा अलग रेंडर करने के लिए करते हैं। यदि आप typeface.js का उपयोग कर रहे हैं, तो हम सुझाव देते हैं कि फ़ायरफ़ॉक्स में आप जो देखते हैं, उसे देखने से पहले आप एक क्रॉस-ब्राउज़र की जाँच करें। पाठ भी typeface.js के साथ चयन करने योग्य नहीं हैं.

Typeface.js में कस्टम फोंट संकलित नहीं हैं; अर्थ उपयोगकर्ता फोंट डाउनलोड करने में सक्षम हैं। जिससे कॉपीराइट समस्या हो सकती है। यह सलाह दी जाती है कि आप सुनिश्चित करें कि आपके द्वारा उपयोग किए जा रहे फोंट पुनर्वितरण के लिए ठीक हैं.

Cufon

कोई फ़्लैश की आवश्यकता है, Cufon sIFR का एक बढ़िया विकल्प है और इसे लागू करना काफी सरल है। सबसे पहले, आप अपने इच्छित फ़ॉन्ट को बनाने और अनुकूलित करने के लिए कुफॉन जनरेटर का उपयोग करते हैं, फिर आप अपने स्रोत कोड में कुफॉन जावास्क्रिप्ट सम्मिलित करते हैं और आप स्क्रिप्ट को बताते हैं कि आप कौन से चयनकर्ता को फ़ॉन्ट अनुकूलित करना चाहते हैं.

Cufon के साथ सबसे बड़ी समस्या इन कस्टम फोंट का ऑनलाइन उपयोग करने का कानूनी मुद्दा होगा। चूंकि यह जावास्क्रिप्ट के भीतर एम्बेडेड है, इसलिए इसे आसानी से स्रोत कोड को देखने वाले किसी भी व्यक्ति द्वारा रिप किया जा सकता है। Cufon कस्टम फोंट चयन करने योग्य नहीं हैं, यह दूसरी बारी है.

नया रूप

के रूप में भी जाना जाता है फेसलिफ्ट इमेज रिप्लेसमेंट (FLIR), यह sIFR के लिए एक और बढ़िया तरीका है जो फ़्लैश की आवश्यकता नहीं है। ऐसा लगता है कि sIFR के फ्लैश इश्यू में बहुत अन्य विकल्प हिट हो रहे हैं.

फेसलिफ्ट में PHP और PHP के GD लाइब्रेरी का उपयोग किया गया है। उन्हें कस्टम फ़ॉन्ट प्रतिस्थापन की विरासत समस्या विरासत में मिली - पाठ का चयन करने में असमर्थ। इसके अलावा, हमें लगता है कि यह बहुत अच्छा है.

अधिक तरीके

उपरोक्त तकनीकों का अधिक व्यापक रूप से उपयोग किया जा सकता है, लेकिन हमने कुछ अन्य तरीकों पर भी ध्यान दिया है ताकि आपके पाठ को सुंदर कस्टम टाइपफेस में परिवर्तित किया जा सके.

प्रकार का चयन करें

TypeSelect अपनी वेबसाइट पर एक कस्टम टाइपफेस देने के लिए typeface.js, jQuery, कैनवास, toDataURL, CSS बैकग्राउंड प्रॉपर्टीज़ और असली ओवरलेड टेक्स्ट का लाभ उठाते हैं। पाठ चयन फ़ायरफ़ॉक्स, सफारी और यहां तक ​​कि क्रोम पर भी काम करता है लेकिन IE नहीं.

Swf छवि प्रतिस्थापन (swfIR)

swfIR आपको अपनी वेबसाइट पर किसी भी या सभी छवियों के लिए दृश्य प्रभावों का वर्गीकरण लागू करने की क्षमता देता है। उदाहरण के लिए, आप अपनी वेबसाइट पर कोई भी चित्र जोड़ सकते हैं और swfIR एक राउंडर बॉर्डर जोड़ देगा, पोज़िशनिंग को घुमाएगा या यहां तक ​​कि छाया भी जोड़ सकता है.

सीएसएस इमेज रिप्लेसमेंट के लिए नौ तकनीकें

ये गतिशील पाठ प्रतिस्थापन नहीं हैं, लेकिन क्रिस कॉयर छवियों के साथ पाठ को बदलने के लिए नौ विभिन्न सीएसएस तकनीकों के रूप में प्रदर्शित करता है; प्रत्येक रिपोर्ट कार्ड की स्थिति को सूचीबद्ध करने के साथ - यदि चित्र चालू / बंद हैं, तो CSS चालू / बंद है.

फ़ॉन्ट बर्नर

फ़ॉन्ट बर्नर अपने शीर्षक को कस्टम फ़ॉन्ट में बदलने के लिए स्केलेबल इनमैन फ्लैश रिप्लेसमेंट (sIFR) का लाभ उठाएं। आपको केवल फ़ॉन्ट ढूंढने की ज़रूरत है, इसे चुनें और कोड को सिर में डालें और कुछ ही समय में आपका शीर्षक बदल जाएगा.

वर्डप्रेस + डायनामिक इमेज रिप्लेसमेंट

यदि आप एक वर्डप्रेस उपयोगकर्ता हैं जो शीर्षक या आपके ब्लॉग की सामग्री के लिए गतिशील छवि प्रतिस्थापन समाधान की तलाश कर रहे हैं, तो संभावना है कि उनके लिए प्लगइन हैं। यहाँ कुछ टेक्स्ट रिप्लेसमेंट प्लगइन्स हैं जिनके बारे में हम जानते हैं.

वर्डप्रेस प्लगइन - WP sIFRWP SIFR एक WordPress साइट पर कस्टम फोंट प्राप्त करने से जटिलताओं को दूर करने के लिए बनाया गया था। WP sIFR के साथ, आपको केवल अपनी SWF फ़ॉन्ट फ़ाइल को प्लगइन निर्देशिका में अपलोड करना होगा और फिर लॉगिन करें, इसे सक्रिय करें, और सेटिंग्स पैनल में इसकी शैलियों को कॉन्फ़िगर करें।.

Cufon WordPress Plugin - WP-Cufonकेवल एक चीज जो आपको करनी है, वह है अपने फॉन्टफाइल्स को बदलना और उन्हें प्लगइन्स डायरेक्टरी में अपलोड करना। आप वर्डप्रेस के एडमिन मेनू में उन वस्तुओं को सक्षम कर सकते हैं जिन्हें आप बदलना चाहते हैं.

फेसलिफ्ट इमेज रिप्लेसमेंट (FLIR) वर्डप्रेस प्लगइनFLIR वर्डप्रेस के लिए एसईओ अनुकूल है और केवल जावास्क्रिप्ट सक्षम होने पर ब्राउज़र में छवि प्रदान करता है। आप एचटीएमएल / एक्सएचटीएमएल कोड अपरिवर्तित रहते हैं, जो आपके खोज इंजनों द्वारा पढ़े जाने वाले हेड टैग और जावास्क्रिप्ट के बिना पढ़ने योग्य पृष्ठ को छोड़ देते हैं.

फ़ॉन्ट बर्नर नियंत्रण कक्ष फ़ॉन्ट बर्नर नियंत्रण कक्ष प्लगइन आपको फॉन्ट बर्नर वेबसाइट पर उपलब्ध 1000+ मुफ्त फोंट को आसानी से अपने वर्डप्रेस थीम में जोड़ने की अनुमति देता है.