उपयोग करने के लिए सर्वोत्तम युक्तियाँ और उपकरण।

उपयोग करने के लिए सर्वोत्तम युक्तियाँ और उपकरण।

अपनी छवियों के आकार की सही पहचान कैसे करें और उनका आकार कैसे बदलें, यह समझना आपकी वेबसाइट के प्रदर्शन को बढ़ावा देने के लिए मौलिक है।
एक तेज़ और अनुकूलित वेब पेज में हमेशा ऐसी छवियां होती हैं जिनका आकार पहले बदल दिया गया हो और उन्हें कंप्रेस किया गया हो।

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

फोटो संपादक भी आपकी छवियों को संपीड़ित कर सकते हैं, लेकिन हम इसे छवि संपीड़न के लिए समर्पित एक अलग लेख में देखेंगे।

इस लेख में हम छवि के आकार बदलने के रहस्यों की खोज करने जा रहे हैं: आप सीखेंगे कि छवियों के लिए फ़ाइल का आकार क्या है और अपनी छवियों का सही आकार कैसे निर्धारित करें।

हम आपको कुछ टूल भी सुझाएंगे जिनका उपयोग आप अपनी छवियों के आयाम बदलने के लिए कर सकते हैं।

एक छवि का आकार बदलने का वास्तव में क्या मतलब है

आयाम एक छवि की (ऊँचाई और चौड़ाई) पिक्सेल में मापी जाती है: एक पिक्सेल एक इकाई माप है जो उस स्थान की पहचान करता है जो एक छवि स्क्रीन पर लेती है।

फाइल का आकारदूसरी ओर, आपकी छवि द्वारा घेरी जाने वाली संग्रहण स्थान की मात्रा है: इसे किलोबाइट्स (KB) और मेगाबाइट्स (MB) में मापा जाता है, जहाँ 1MB = 1000KB होता है।

आयाम और फ़ाइल आकार सख्ती से संबंधित हैं: एक छवि के आयाम जितने बड़े होंगे, उसका फ़ाइल आकार उतना ही बड़ा होगा।

वेब के लिए छवियों को उनके द्वारा भी परिभाषित किया जा सकता है पिक्सेल संकल्पजिसे आमतौर पर इंगित करने के लिए अपनाया जाता है गुणवत्ता एक छवि का। यह माप दो संख्याओं द्वारा व्यक्त किया जाता है, उदाहरण के लिए, 1024 × 768 (जहां पहला पिक्सेल कॉलम की संख्या है, और दूसरा पिक्सेल पंक्तियों की संख्या है)।

वेब के लिए एक छवि का आकार बदलने का मतलब है इसकी चौड़ाई और ऊंचाई को कम करनाजो अंततः इसके फ़ाइल आकार को कम कर देगा।

छवि आयाम चौड़ाई और ऊंचाई

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

इसलिए हम आकार बदलने को एक छवि के भौतिक आयामों से निपटने के रूप में परिभाषित कर सकते हैं।

किसी छवि के लिए सही आकार का निर्धारण कैसे करें?

अपनी छवियों को वेब पर अपलोड करने के लिए तैयार करने के लिए, आपको यह सुनिश्चित करना चाहिए कि उनके पास उस पृष्ठ के सामग्री क्षेत्र के लिए सही ऊंचाई और चौड़ाई है जहां आप उन्हें रखेंगे।

पहले से पता लगाना बहुत जरूरी है आपके वेब पेज का सामग्री क्षेत्र कितना विस्तृत है: संसाधनों और पृष्ठ लोड समय को बचाने के लिए, हमेशा पृष्ठ के उस हिस्से से अधिक व्यापक छवियों को अपलोड करने से बचें।

ऐसे कई उपकरण हैं जो आपको अपने सामग्री क्षेत्र की सही चौड़ाई का आकलन करने की अनुमति देते हैं। सबसे तेज निम्नलिखित हैं:

  • ब्राउज़र से (चाहे वह क्रोम, फ़ायरफ़ॉक्स या सफारी हो), आप किसी भी पृष्ठ तत्व पर राइट-क्लिक कर सकते हैं और चुन सकते हैं एलिमेन का निरीक्षण करेंt डेवलपर्स टूल्स खोलने के लिए। यह आपकी रुचि के सामग्री क्षेत्र के आयामों को तुरंत इंगित करेगा:
    छवि निरीक्षण तत्व विकास उपकरण
  • Apple उपयोगकर्ताओं के लिए, आप Mac के बिल्ट-इन कैप्चर टूल से लाभ उठा सकते हैं, लपकना: आप इसे Command+Shift+4 से सक्रिय कर सकते हैं। जब आप किसी क्षेत्र को स्क्रीन पर ड्राफ़्ट करते हैं, तो आपको उस क्षेत्र के पिक्सेल दिखाई देंगे।

अपनी छवियों का आकार बदलने के लिए आपको किस टूल का उपयोग करना चाहिए?

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

आपके द्वारा उपयोग किए जा सकने वाले टूल का आकार बदलने के बारे में यहां कुछ सुझाव दिए गए हैं:

  • फोटोशॉप: सबसे प्रसिद्ध फोटो संपादन सॉफ्टवेयर
  • तार से पुष्ट किया हुआ फ़ीता: फोटोशॉप के समान ही, यह एक मुफ्त छवि संपादक सॉफ्टवेयर है
  • इरफान व्यू: विंडोज के लिए फ्री इमेज एडिटर सॉफ्टवेयर
  • उच्च गुणवत्ता फोटो Resizer: विंडोज के लिए फ्री इमेज एडिटर सॉफ्टवेयर
  • पूर्वावलोकन ऐप: macOS और OS X के प्रत्येक संस्करण के लिए अंतर्निहित समाधान

आप चाहें तो ऑनलाइन इमेज रीसाइज़िंग टूल, यहां कुछ ऐसे हैं जिन्हें आप आज़मा सकते हैं:

सही छवि प्रारूप चुनना

एक बार आपकी छवि फ़ाइल के आयामों का आकार बदल जाने के बाद, उन्हें एक नाम देने का समय आ गया है!
अपने पृष्ठों को हल्का और तेज़ रखने के लिए सही छवि प्रारूप चुनना महत्वपूर्ण है।

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

इस विशेषता के कारण, वेब डिज़ाइनर अपने ग्राफ़िक्स को SVG में बनाना पसंद करते हैं, इसलिए वे बाद में भविष्य में विभिन्न डिज़ाइनों को फ़िट करने के लिए उनका आकार बदल सकते हैं।
वेब के लिए तीन सबसे उपयुक्त छवि प्रारूप हैं:

जेपीईजी

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

पीएनजी

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

जीआईएफ

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

वर्डप्रेस में इमेज ऑप्टिमाइजेशन के बारे में वह सब कुछ जो आपको जानना चाहिए

इस लेख में आपने सीखा:

  • छवि आयाम और फ़ाइल आकार की परिभाषाएँ
  • छवि का आकार बदलना क्या है और अपनी छवियों के लिए सही आकार का निर्धारण कैसे करें
  • अपनी छवियों का आकार बदलने के लिए आपको किस प्रकार के टूल का उपयोग करना चाहिए
  • आपको अपनी छवियों के लिए कौन सा फ़ाइल प्रारूप चुनना चाहिए

अब जब आप फ़ाइल आकार को कम करने के बारे में सब कुछ जानते हैं, तो आगे बढ़ने और छवि अनुकूलन के बारे में अन्य तरकीबें सीखने का समय आ गया है:

आपको वर्डप्रेस के लिए सर्वश्रेष्ठ छवि अनुकूलन प्लगइन्स की सूची पर भी नज़र डालनी चाहिए!



उपयोग करने के लिए सर्वोत्तम युक्तियाँ और उपकरण। उपयोग करने के लिए सर्वोत्तम युक्तियाँ और उपकरण।

प्रातिक्रिया दे

आपका ईमेल पता प्रकाशित नहीं किया जाएगा. आवश्यक फ़ील्ड चिह्नित हैं *