Image आपकी वेबसाइट को informative और user-friendly बनाने में एक अहम भूमिका निभाती है इसलिए इस बात का हमेशा ध्यान रखना चाहिए, कि आप अपने wordpress पर किस तरह से scale images serve करते हैं। आपके वेबसाइट पर आप जो भी images upload करते हैं ध्यान रहे images की size आपके वेबसाइट के rules के अनुसार ही होना चाहिए, क्योंकि वो कहते हैं ना, कि तस्वीरें बहुत कुछ बयान करती है।
अब यदि आपके द्वारा upload की गई images के size बहुत छोटी है, तो Browser इसे खुद ही बड़ा कर देगा यानी कि images automatically बड़े हो जाएंगे, जिससे images धुंधली हो जाएगी और दिखने में बहुत ही खराब तथा साथ ही अनाकर्षक लगने लगेगी। इसी तरह यदि आपके द्वारा upload की गई images का size काफी बड़ा होगा, तो Browser उसे सही size में लाने के लिए Images को सिकोड़ देगा, जिससे Images दिखने में और भी भद्दी लगने लगेगी।
Images का size ही वेबसाइट के slow होने का सबसे बड़ा कारण बनती है। इसलिए Images का size सही प्रकार से होना बहुत जरूरी है। ताकि, Browser को Images Download करने तथा size बदलने की जरूरत ना पड़े और आपके site की loading speed में भी कोई समस्या उत्पन्न ना हो। वैसे तो images को सही size में upload करने के लिए wordpress के पास कुछ बेहतरीन tools मौजूद है। जिससे automatic रूप से images को सही size में serve करने के लिए plugin का इस्तेमाल किया जा सकता हैं।
इसके अलावा भी कई तरह के techniques है, जिसकी मदद से आप scale images को search कर सकते हैं। ऐसा करने से आप अपने wordpress के loding page की speed और timing में सुधार कर सकते हैं। इसलिए आज के इस आर्टिकल में हम बताने वाले हैं कि scaled images क्या है (what is scale images) और scaled images को कैसे serve करे ? (How to serve scaled images wordpress in Hindi)
Scaled images क्या है ? {what is scaled images?}
Scale image वह होता है, जिसकी Size बिल्कुल उस Size के साथ match करती है, जैसा की CSS और HTML द्वारा Define की गई है। यदि कोई website users 50×50 के लीए 500×500 pixel की images का इस्तेमाल करने का निर्णय करता है, तो वेबसाइट पर आए users को images दिखाने से पहले Browser को वह images Download तथा scale यानी measure करनी पड़ती है, हालांकि यह प्रक्रिया बहुत धीमी और अप्रभावी है तथा यह आपके वेबसाइट के loading speed धीमी करने का सबसे बड़ा कारण बन सकती है।
वही जब आप आपने वेबसाइट पर सही scale Images को serve करते हैं, तो आपको किसी भी समस्या का सामना नहीं करना पड़ता है, क्योंकि छोटे Images कम space का इस्तेमाल करती है और आपकी साइट की speed बढ़ाने में भी सहायता करती है और साथ ही बदले में वह आपकी site के SEO friendly तथा Ranking Improve करने में भी मदद करती है।
Scale Image क्यों जरूरी है ? { Why you need to serve scale Images?}
Scale images आपके वेबसाइट के performance को बेहतर बनाने का काम करती है। Scale images उन resources को बचा सकते हैं, जिनका इस्तेमाल images Download में किया जाता है, क्योंकि वह वेबसाइट पर बहुत अधिक space नहीं लेते हैं। अधिक space नहीं लेने के कारण आपकी वेबसाइट की speed भी तेज हो जाती है। इसके अलावा first page loading और minimum resources का इस्तेमाल आपके site को important तरीके से बेहतर बनाता है।
सबसे पहले तो आपके site की speed आपके SEO में सुधार करती है और आपके site की rank high करने में मदद करती है। जिससे होगा यह कि आपके site को ज्यादा से ज्यादा लोग सर्च करेंगे और दूसरी बात यह कि आपके site को सर्च करने वाले ज्यादातर लोग लंबे समय तक आप की वेबसाइट से जुड़े रहेंगे और बार-बार आकर वेबसाइट का इस्तेमाल करने के लिए आते रहेंगे।
Scale Image को कैसे serve करे ? {How to serve scale image in Hindi}
Scale Image को serve करना बहुत ही आसान है। इसके लिए आपको नीचे बताए गए steps को ध्यान से Follow करने की जरूरत है, तो आइए जानते हैं, How to serve scaled image in Hindi ?
Serve scaled image with GTmatrix plugin
सबसे पहले आपको अपने website को analyse करना होगा। यानी कि आपको अपने वेबसाइट से ऐसे images search करने होंगे, जिन्हें उनके proper dimension के साथ rescael करने की आवश्यकता है। ऐसा करने के लिए आप GTmatrix का इस्तेमाल कर सकते हैं। इसकी मदद से आप आसानी से images को rescale कर सकते हैं।
Freelancing के Top 10 best वेबसाइट
Step 1
सबसे पहले आप अपने वर्डप्रेस पर GTmatrix को ओपन करें, जो आपको कुछ इस तरह दिखाई देगा। आपको वहां अपने site का URL Enter करना है और फिर Test your site पर क्लिक करें।
Step 2
Test your site पर क्लिक करने के बाद Processing शुरू हो जाती है जैसा कि आप दी हुई इमेज में देख सकते हैं।
Step 3
Process पूरा होने के बाद आपको अपने screen पर कुछ इस तरह दिखाई देगा। आपको वहां page speed वाले tab पर serve scaled image का option दिखाई देगा आपको वहां क्लिक करना है।
- क्लिक करने के बाद एक URL दिखाई देगा, जैसा कि आप उपर दिए गए स्क्रीनशॉट में देख सकते हैं अब आप उस URL को copy करें और recommended size को नोट करें।
Step 4
अब आपको Picresize को ओपन करना है, जिसके बाद आप वहां ऊपर दिए गए from URL पर क्लिक करें।
Step 5
यहां क्लिक करने के बाद अगली पेज खुल जाएगी, जहां आपको drop down menu पर select करना है। select करते ही बहुत से ऑप्शन दिखाई देंगे, आपको वहां costume size पर click करना है।
- Costume size पर क्लिक करते ही select किए गए इमेज का size बदल जाएगा। जिसके बाद आप save to disc button पर क्लिक करके अपनी image को save कर सकते हैं तथा आप चाहे तो image का नाम resize से change करके orignal name डाल सकते हैं।
step 6
अब आखरी काम scaled image को पुराने image से replace करनी है। जिसके लिए आपको अपने वर्डप्रेस के बाएं तरफ दिए गए ऑप्शंस में से media पर Select करें। media पर सेलेक्ट करते ही आपको वहां दो Options दिखाई देंगे, जहां आपको Library पर क्लिक करना है और वहां layout को Grid से बदलकर List में करनी है।
step 7
अब file button पर क्लिक करें तथा उसकी image को select करे, जिसे आपने resize करके save किया था। अपने image choose करने के बाद अपने मर्जी से replacement और date, set करें तथा उसके बाद update button पर क्लिक करे।
अब आप वापस अपने साइट को Analyze करके देख सकते हैं कि आपके site पर images सही हुए या नहीं। नीचे दिए गए picture में आप देख सकते हैं, कि आपके site का परिणाम सब कुछ सही होने के बाद कुछ इस तरह दिखाई देगा।
घर बैठे पैसे कमाने के 16 Best तरीके
निष्कर्ष
आज आपने जाना की scale images क्या है (what is scale images) और scaled images को कैसे serve करे ? (How to serve scaled images wordpress in Hindi). जैसा कि आपने जाना कि scaled images सही तरीके से serve करना बेहद आसान है, खासकर GTmatrix का इस्तेमाल करके। अपने इमेजेस को बेहतर करने के लिए आपको केवल अपने site को scan करने की जरूरत है।
हमें उम्मीद है, कि आज का यह पोस्ट आपके लिए बेहद फायदेमंद साबित हुआ होगा। यदि आपको इस आर्टिकल से संबंधित किसी भी प्रश्नों की जानकारी चाहिए, तो हमें Comment करके अपने विचार हमसे share कर सकते हैं, साथ ही हमें यह भी बताएं कि आपको यह आर्टिकल कैसा लगा।