वर्डप्रेस इमेज साइज़ के लिए शुरुआती गाइड (+ सर्वोत्तम अभ्यास)

इस आसान-से-समझने वाले शुरुआती गाइड में वर्डप्रेस इमेज साइज़िंग की ज़रूरी बातें जानें। जानें कि वर्डप्रेस कैसे थंबनेल, मीडियम और लार्ज इमेज वर्ज़न अपने आप बनाता है, ये साइज़ आपकी साइट के लुक और परफॉर्मेंस के लिए क्यों मायने रखते हैं, और WP Media Folder आपको व्यवस्थित रहने में कैसे मदद कर सकता है।

 यह मार्गदर्शिका वर्डप्रेस में डिफ़ॉल्ट इमेज साइज़ (थंबनेल, मीडियम, लार्ज), उनके इस्तेमाल का कारण और उन्हें अपनी थीम के अनुसार कैसे कस्टमाइज़ करें, के बारे में बताती है। हम यह भी देखेंगे कि WP Media Folder प्लगइन आपकी इमेज को मैनेज करने में कैसे मदद कर सकता है। अगर आप तकनीकी रूप से दक्ष नहीं हैं, तो भी इसे समझना आसान होगा। लेकिन आप यह भी सीखेंगे कि वर्डप्रेस इमेज साइज़ को कैसे मैनेज करता है और उन्हें कैसे एडजस्ट करता है।

वर्डप्रेस डिफ़ॉल्ट छवि आकारों का अवलोकन

जब आप वर्डप्रेस पर कोई इमेज अपलोड करते हैं, तो यह आपकी साइट पर अलग-अलग जगहों पर दिखाने के लिए उस इमेज के कई वर्ज़न अपने आप बना लेता है। डिफ़ॉल्ट रूप से, वर्डप्रेस ये बनाता है:

• थंबनेल : एक वर्गाकार 150 × 150 पिक्सेल संस्करण। अक्सर ब्लॉग पूर्वावलोकन सूचियों, विजेट्स और गैलरियों में उपयोग किया जाता है।
• मध्यम : एक ऐसा संस्करण जिसका आकार इस प्रकार निर्धारित किया गया है कि सबसे लंबी भुजा 300 पिक्सेल की हो। अगर आपकी छवि चौड़ाई से ज़्यादा लंबी है, तो उसकी ऊँचाई 300 पिक्सेल और चौड़ाई कम हो सकती है, या इसके विपरीत।
• बड़ा : एक ऐसा संस्करण जिसमें सबसे लंबी भुजा 1024 पिक्सेल की होती है। पूरी चौड़ाई वाली फ़ीचर्ड इमेज या ब्लॉग पोस्ट हेडर के लिए उपयुक्त।
• पूर्ण : आपके द्वारा अपलोड की गई सटीक फ़ाइल, बिना संशोधित।

वर्डप्रेस छवि के प्रदर्शन के स्थान के आधार पर, वितरण के लिए इष्टतम आकार का चयन करता है। पोस्ट सूची में एक छोटा थंबनेल 150 × 150 के आकार में वितरित किया जाता है; एक विशेष छवि बैनर अधिकतम 1024px आकार का उपयोग कर सकता है। यह प्रणाली लोडिंग गति, बैंडविड्थ उपयोग और विभिन्न उपकरणों और स्क्रीन आकारों में उपस्थिति को अनुकूलित करती है।

वर्डप्रेस इन आकारों को स्वचालित रूप से क्यों उत्पन्न करता है?

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

यदि आपकी अपलोड की गई छवि वर्डप्रेस द्वारा बनाए जा रहे आकार से छोटी है (उदाहरण के लिए, 800 पिक्सल चौड़ी फोटो), तो वर्डप्रेस केवल उस आयाम तक के आकार बनाएगा जिसे छवि समर्थित करती है - इसलिए बड़ा आकार मूल आकार से बड़ा नहीं होगा।

डिफ़ॉल्ट छवि आकारों का उपयोग करने के सर्वोत्तम अभ्यास

यहां प्रत्येक डिफ़ॉल्ट आकार के लिए कुछ सामान्य उपयोग मामले दिए गए हैं:

थंबनेल

गैलरी ग्रिड, ब्लॉग पोस्ट पूर्वावलोकन, विजेट या साइडबार सूचियों के लिए उपयोग करें। बड़े प्रदर्शन क्षेत्र के लिए थंबनेल आकार का उपयोग न करें; यह पिक्सेलयुक्त दिखाई देगा।

इस उदाहरण के लिए, हमने WP Media folderके साथ बनाई गई गैलरी का उपयोग किया।

मध्यम

ब्लॉग पोस्ट या छोटे बैनर में इनलाइन इमेज के लिए आदर्श। ये स्पष्टता और फ़ाइल आकार के बीच अच्छा संतुलन बनाते हैं।

बड़ा आकार

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

बहुत बड़ी मूल फ़ाइलें (उदाहरण के लिए, हज़ारों पिक्सेल चौड़ी या उच्च रिज़ॉल्यूशन वाली TIFF या PNG इमेज) अपलोड करने की अनुशंसा नहीं की जाती है। ये ज़्यादा स्टोरेज स्पेस लेती हैं और आपकी साइट या आपके मीडिया प्रोसेसिंग सर्वर को धीमा कर सकती हैं। आदर्श रूप से, अपनी थीम की अधिकतम डिस्प्ले चौड़ाई (उदाहरण के लिए, अगर आपका कंटेंट एरिया 1200px है, तो 1200px चौड़ी) के अनुसार आकार बदलकर इमेज अपलोड करें।

अपनी थीम के लिए छवि आयाम कैसे अनुकूलित करें

सेटिंग्स > मीडिया में आकारों का उपयोग करता है , लेकिन आप अपनी थीम की आवश्यकताओं के लिए उन आकारों को अनुकूलित करना या नए जोड़ना चाह सकते हैं।

व्यवस्थापक स्क्रीन के माध्यम से डिफ़ॉल्ट आयाम बदलना

अपने वर्डप्रेस डैशबोर्ड > सेटिंग्स > मीडिया पर जाएँ। यहाँ आप थंबनेल, मीडियम और लार्ज के लिए पिक्सेल आयाम बदल सकते हैं। बदलाव करने के बाद, सेव करें। भविष्य के अपलोड नई सेटिंग्स का उपयोग करेंगे।

हालाँकि, पहले से अपलोड की गई मौजूदा छवियाँ स्वचालित रूप से पुनर्जीवित नहीं होंगी, यदि आप बाद में आकार बदलते हैं तो आपको थंबनेल पुनर्जनन प्लगइन का उपयोग करना होगा।

अपने थीम कोड में कस्टम छवि आकार जोड़ना

महत्वपूर्ण नोट: आपको पहले बैकअप बनाए बिना कोई भी कस्टम कोड लागू नहीं करना चाहिए।

थंबनेल/मध्यम/बड़े से आगे नए इमेज साइज़ दर्ज करने के लिए, आप अपनी थीम की functions.php फ़ाइल या किसी कस्टम प्लगइन में कोड जोड़ सकते हैं। उदाहरण:

add_image_size( 'कस्टम-फीचर', 800, 600, सच ); 

यह 'कस्टम-फीचर' नामक एक नया आकार पंजीकृत करता है, जिसकी चौड़ाई 800px, ऊंचाई 600px, तथा क्रॉपिंग सक्षम होती है।

फिर आप इसे अपनी थीम फ़ाइलों में कॉल कर सकते हैं:

the_post_thumbnail( 'कस्टम-फीचर' ); 

या गुटेनबर्ग में आप छवि ब्लॉक ड्रॉपडाउन में नया आकार देख सकते हैं यदि आपकी थीम इसका समर्थन करती है।

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

अपने कस्टम आकार चुनते समय सर्वोत्तम अभ्यास

• आयामों को अपनी थीम के लेआउट से मिलाएँ। उदाहरण के लिए, हेडर बैनर का आकार, ब्लॉग पोस्ट का फ़ीचर्ड आकार, या लेख में इमेज की चौड़ाई।
• छवियों का आकार कंटेनर से बहुत बड़ा करने से बचें - इससे डिस्क स्थान बर्बाद होता है और लोडिंग धीमी हो जाती है।
• जब आप एकसमान आस्पेक्ट रेशियो वाली इमेज चाहते हैं, जैसे 16:9 या 4:3, तो क्रॉपिंग का इस्तेमाल करें। क्रॉपिंग या आनुपातिक स्केलिंग में से किसे प्राथमिकता दी जाती है, इसके आधार पर क्रॉपिंग को सही या गलत पर सेट करें।
• कस्टम आकार जोड़ने के बाद सम्मिलित छवियों का परीक्षण करें ताकि यह सुनिश्चित हो सके कि वे डेस्कटॉप और मोबाइल पर सही ढंग से प्रदर्शित हों।

थंबनेल पुनर्जीवित करना

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

सर्वोत्तम प्रथाओं का सारांश

• अपनी थीम की अधिकतम डिस्प्ले चौड़ाई (जैसे, 1200px चौड़ी) के करीब आकार की इमेज अपलोड करें। वर्डप्रेस को छोटे आकार बनाने दें।
• डिफ़ॉल्ट आकार 150px (थंबनेल), 300px (मध्यम) और 1024px (बड़ा) रखें, जब तक कि आपकी थीम के लिए अलग मानों की आवश्यकता न हो। सेटिंग्स > मीडिया में जाकर बदलें।
• अद्वितीय प्रदर्शन क्षेत्रों (जैसे, हीरो बैनर, फ़ीचर्ड ब्लॉक) के लिए अपनी थीम या प्लगइन कोड में add_image_size() के माध्यम से कस्टम आकार जोड़ें।
• आकार समायोजित करने या नए आकार जोड़ने के बाद, थंबनेल को पुनः उत्पन्न करें ताकि वर्डप्रेस पुराने अपलोड के लिए उन आकारों को बना सके।
• जब एक समान पहलू अनुपात की आवश्यकता हो तो क्रॉपिंग का उपयोग करें, या जब आप मूल अनुपात को संरक्षित करना चाहते हों तो आनुपातिक स्केलिंग का उपयोग करें।

अतिरिक्त संकेत: WP Media Folder ध्यान में रखें अगर आपको फ़ोल्डर-आधारित व्यवस्था, बेहतर मीडिया खोज/फ़िल्टर, आसान गैलरी निर्माण, मीडिया प्रतिस्थापन, और अन्य वर्कफ़्लो संवर्द्धन की आवश्यकता है, तो यह आपके इमेज साइज़िंग सेटअप के साथ सहजता से काम करता है।

समापन: तेज़, सुंदर साइटों के लिए वर्डप्रेस इमेज साइज़ में महारत हासिल करें

वर्डप्रेस इमेज साइज़ को समझने से आपको सही इमेज को सही जगह पर दिखाने में मदद मिलती है। थंबनेल, मीडियम और लार्ज साइज़ क्वालिटी और परफॉर्मेंस के बीच संतुलन बनाने के लिए डिज़ाइन किए गए हैं। आप इन साइज़ को अपनी थीम के लेआउट के अनुसार कस्टमाइज़ कर सकते हैं या नए साइज़ जोड़ सकते हैं। WP Media Folder वर्डप्रेस के डिफ़ॉल्ट मीडिया सिस्टम के साथ फ़ोल्डर स्ट्रक्चर, एडवांस्ड मैनेजमेंट, रिप्लेसमेंट टूल्स, वॉटरमार्किंग और गैलरी टूल्स भी लाता है।

भले ही आप खुद को तकनीकी रूप से दक्ष न समझें, ये चरण सीधे हैं: मीडिया के अंतर्गत सेटिंग्स समायोजित करें, बदलावों के बाद रीजेनरेशन प्लगइन इंस्टॉल करें, अपनी थीम में कस्टम साइज़ दर्ज करें, और अपनी मीडिया लाइब्रेरी को ज़्यादा कुशलता से व्यवस्थित करने के लिए WP Media Folder इस्तेमाल करें। इस तरह, आपकी इमेज अच्छी दिखेंगी, तेज़ी से लोड होंगी, और उन्हें प्रबंधित करना आसान होगा।