राम्रो वेब प्रदर्शनको लागि छविहरू अप्टिमाइज गर्ने 6 तरिकाहरू

राम्रो वेब प्रदर्शनको लागि छविहरू अप्टिमाइज गर्ने 6 तरिकाहरू
Rick Davis

मानिसहरू दृश्य प्राणी हुन्, र अनुसन्धानले त्यो तथ्यलाई समर्थन गर्दछ। केवल तीन दिन पछि, पाठको लागि अवधारण दरहरू केवल 10% -20% को दायरा भित्र छन्। तर छविहरूको लागि, अवधारण दरहरू 65% सम्म उच्च हुन सक्छ। मस्तिष्कले 90% दृश्य जानकारी प्राप्त गर्दछ र यसलाई 60,000 गुणा छिटो प्रशोधन गर्दछ। निस्सन्देह, भिजुअलहरूले वेबसाइट संलग्नतामा महत्त्वपूर्ण भूमिका खेल्छन्।

तथापि, यसले केही छविहरू छान्नु र तिनीहरूलाई तपाईंको साइट वरिपरि राख्नु भन्दा धेरै लिन्छ। भारी तस्बिरहरूले धेरै ब्यान्डविथ खपत गर्छ, पृष्ठ-लोडिङ गति कम गर्छ। खोज इन्जिनहरूले ढिलो कार्यसम्पादन देख्नेछन् र तपाईंलाई कम स्तरको साथ दण्डित गर्नेछन्।

हाम्रो लेखले २०२१ मा राम्रो वेब कार्यसम्पादनको लागि छविहरूलाई अप्टिमाइज गर्ने छवटा फरक तरिकाहरू देखाउनेछ।

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

छवि अप्टिमाइजेसनले फाइलको साइज, ढाँचा, वा रिजोल्युसन घटाउन तपाईंले चाल्ने कुनै पनि कदमहरूलाई जनाउँछ। तपाईंले छविहरूको गुणस्तरमा सम्झौता नगरी यो गर्न सक्नुहुन्छ।

यो पनि हेर्नुहोस्: ग्राफिक डिजाइनमा ज्यामितीय ढाँचाका 23 उदाहरणहरू

आउनुहोस् तपाईंको केही जाँच गरौं।विकल्पहरू।

दिमाक दक्षिणीद्वारा मार्केटिङ अभियान चित्रण

यो पनि हेर्नुहोस्: डिजाइनमा कथा कथन - २०२१ का शीर्ष प्रचलनहरू

१। छवि अप्टिमाइजेसन अडिटबाट सुरु गर्नुहोस्

तपाईँले सुधार गर्नुपर्ने ठाउँको लागि छवि अप्टिमाइजेसन अडिटले सान्दर्भिक जानकारी प्रदान गर्नेछ।

तपाईँको साइटमा भएका छविहरूको सूची लिएर सुरु गर्नुहोस्। सान्दर्भिक परीक्षणहरूले तपाईंलाई सम्बोधन गर्न आवश्यक कुनै पनि समस्याहरूको निदान गर्नेछ।

उदाहरणका लागि, अडिटले देखाउन सक्छ कि तपाईंसँग धेरै छविहरू छन्। यसले तपाइँको छवि ढाँचा पनि देखाउनेछ र तपाइँलाई कार्यको अर्को पाठ्यक्रम निर्धारण गर्न अनुमति दिनेछ। उदाहरणका लागि, फाइल ढाँचाहरू हटाउन वा परिवर्तन गर्दा पृष्ठ लोड गर्ने गतिमा उल्लेखनीय सुधार हुन सक्छ।

2. छविहरूको लागि सही ढाँचा छान्नुहोस्

छवि फाइलहरू विभिन्न ढाँचाहरूमा आउँछन्। यी वेब अनुप्रयोगहरूका लागि छवि ढाँचाहरूका तीन सबैभन्दा सामान्य प्रकारहरू हुन् जुन तपाईंले जान्न आवश्यक छ:

  • PNG सँग धेरै उच्च गुणस्तरको छवि हुनुको फाइदा छ। दुर्भाग्यवश, यो प्राप्त गर्न, फाइल आकार धेरै ठूलो छ। तिनीहरूले साधारण छविहरू र लोगोहरूको लागि राम्रोसँग काम गर्छन् र हानिरहित कम्प्रेसनको लागि अनुमति दिन्छ।
  • जेपीईजीहरू धेरैजसो वेबसाइटहरूमा सबैभन्दा सामान्य हुन्। तिनीहरू जटिल, रंगीन छविहरूको लागि उत्कृष्ट छन्। यद्यपि, JPEG छविहरू कम्प्रेस गर्दा तपाईंले सावधानी अपनाउनु पर्ने हुन्छ किनकि स्पष्टता गुमाउन सक्छ, छवि जति सानो हुन्छ। कतिपय मानिसहरूले यसलाई हानिपूर्ण भनी उल्लेख गर्छन्।
  • GIF ले एनिमेसन, साना आइकनहरू र कम रिजोल्युसनका छविहरूको लागि काम गर्दछ। यसले हानिरहित कम्प्रेसनको लागि अनुमति दिन्छ, तर तपाइँ मात्र प्रयोग गर्न सक्नुहुन्छ२५६ रङहरू सम्म।

आन्द्रियास स्टर्मद्वारा आइकनहरू सुरक्षित गर्नुहोस्

3। छविहरू रिसाइज गर्नुहोस् र कम्प्रेस गर्नुहोस्

तपाईले देख्नु भएको होला कि छविहरू बिस्तारै लोड भइरहेको देखिन्छ। तपाईंले पूर्ण छवि हेर्नु अघि केही समय बित्नेछ; चित्रहरू सायद धेरै भारी छन् भन्ने संकेत। रिसाइज वा कम्प्रेसिङले समस्याको हेरचाह गर्नेछ।

कृपया ध्यान दिनुहोस् कि तपाईंले कुनै पनि छविहरू अप्टिमाइज गर्नु अघि अपलोड गर्नु हुँदैन। र उत्कृष्ट गुणस्तरको लागि, फाइलहरू 1 देखि 2 MB को दायरा भित्र हुने लक्ष्य राख्नुहोस्।

तस्बिरहरूको आकार बदल्नको लागि क्रपिङ उपकरण प्रयोग गर्नुहोस्। यसले फाइल साइज घटाउन मद्दत गर्छ, फलस्वरूप राम्रो पृष्ठ लोडिङ गति हुन्छ। तपाइँसँग तपाइँको प्रयोगको लागि उपलब्ध उपकरणहरू छन्।

तस्बिरहरू कम्प्रेस गर्नाले फाइलको साइज घटाउन मद्दत गर्छ। तर यदि तपाइँ यसलाई धेरै कम्प्रेस गर्नुहुन्छ भने तपाइँ छविलाई विकृत गर्न सक्नुहुन्छ। यदि तपाइँ तस्वीरको गुणस्तर कायम राख्न चाहनुहुन्छ भने कम कम्प्रेसन आदर्श हुन सक्छ; यद्यपि, यसले महत्त्वपूर्ण रूपमा आकार घटाउँदैन।

संकुचनका प्रकारहरू

हामीले माथि उल्लेख गरिसकेका दुईवटा अवधारणाहरू छन्, हानिरहित बनाम हानिपूर्ण कम्प्रेसन।

  • दोषरहित कम्प्रेसनले अनावश्यक मेटाडेटा हटाउँदा तस्विरको गुणस्तर कायम राख्छ।
  • हानिरहित कम्प्रेसनले केही तत्वहरूबाट छुटकारा पाएर फाइलको आकार घटाउँछ। यसले तस्विरको गुणस्तरमा सम्झौता गर्न सक्छ। तथापि, तपाईंले फरक याद नगर्न सक्नुहुन्छ। त्यसोभए, यो अझै पनि छविहरू कम्प्रेस गर्ने उत्कृष्ट तरिका हुन सक्छ।

सही तस्विर सम्पादकले तपाईंलाई कुन कुरा निर्धारण गर्न मद्दत गर्नेछ।कम्प्रेसनले तपाईको लागि राम्रो काम गर्दछ।

4. मोबाइल-पहिलो छवि अप्टिमाइजेसन

तपाईंले चालेका कुनै पनि कदमहरूले मोबाइल-पहिलो SEO रणनीतिको पालना गर्नुपर्छ, किनकि Google ले मोबाइल पहिलो श्रेणीकरणमा स्विच गरेको छ। छविहरू कुनै पनि मोबाइल उपकरणमा कुनै पनि डेस्कटप उपकरणमा जस्तै देखिनु पर्छ। त्यस्ता उपकरणहरू मार्फत इन्टरनेट ट्राफिकको ठूलो मात्रा आउँछ।

यदि प्रयोगकर्ताहरू मोबाइल उपकरणहरू प्रयोग गर्दा राम्रो UX सँग संलग्न छैनन् भने, तपाईंले तिनीहरूलाई गुमाउनुहुनेछ।

मोबाइल-पहिले छविहरू अनुकूलन गर्ने विचार गर्नुहोस्। यदि यो सानो स्क्रिनमा राम्रो देखिन्छ भने, यो डेस्कटप वा ल्यापटपमा उत्कृष्ट देखिन्छ।

ASO अनुकूलन Abbi_Kerimov द्वारा

5. फाइल नामहरू र SEO मा तिनीहरूको प्रभाव

छवि अप्टिमाइजेसनले पनि तपाईंले फाइलहरूलाई कसरी नाम दिनुहुन्छ भनेर ध्यान दिन आवश्यक छ। तपाईंले लिनुहुने सबै कार्यहरू खोज इन्जिनहरूमा दृश्यता सुधार गर्ने उद्देश्य हुनुपर्छ। जब तपाइँ एक तस्बिर अपलोड गर्नुहुन्छ वा लिनुहुन्छ, उपकरणले स्वचालित रूपमा फाइल नाम दिनेछ। यो नाममा सामान्यतया अनियमित कोड वा संख्याहरू समावेश हुन्छन्। यो 2224444.jpg जस्तो देखिन सक्छ।

तस्बिरलाई तपाईंको वेबसाइटमा जस्तै अपलोड गर्नाले खोज इन्जिनहरूलाई मद्दत गर्दैन।

वेब क्रलरहरूलाई प्रत्येक छविमा वर्णनात्मक लेबलहरू छुट्याएर तपाईंलाई फेला पार्न सजिलो बनाउनुहोस्। तपाईंको व्यवसाय वा साइटको बारेमा जानकारी दिने सान्दर्भिक किवर्डहरू समावेश गर्नुहोस्।

6। अल्छी लोडिङ प्रयोग गर्ने बारे विचार गर्नुहोस्

तस्बिरहरूको अल्छी लोडिङ नामले सुझाव दिए जस्तै हो। सट्टामासम्पूर्ण छवि एकैचोटि लोड हुँदैछ, यो प्रकारको प्रकट हुन्छ। अनलाइन आगन्तुकले पृष्ठ तल स्क्रोल गरेपछि छवि लोड हुन जारी छ।

लेजी लोडिङले त्यस समयमा के सान्दर्भिक छ भनेर मात्र प्रकट गर्छ। तपाईंले ब्यान्डविथमा बचत गर्नुहुनेछ किनभने तपाईंले कुनै पनि अनावश्यक स्रोतहरू प्रयोग गर्नुहुने छैन।

लोड गर्दै... डोना द्वारा

अन्तिम विचारहरू

वेब कार्यसम्पादन खोज इन्जिनहरूले प्रयोग गर्ने एक महत्वपूर्ण रैंकिंग कारक हो। यदि पृष्ठ लोड गर्ने गति कम छ भने Google ले तपाईंको साइटलाई दण्डित गर्नेछ।

धेरै कारकहरूले पृष्ठ गति निर्धारण गर्दछ, र छविको प्रयोगले शीर्ष स्थानहरू मध्ये एक आदेश गर्दछ। यदि तपाईंले छविहरू अप्टिमाइज गर्नुभएन भने, तपाईंको वेब प्रदर्शनमा असर पर्नेछ। पृष्ठहरू बिस्तारै लोड हुनेछन्, र प्रयोगकर्ता अनुभव र संलग्नता राम्रो हुनेछैन।

सही छवि ढाँचा छान्नुहोस्। अर्को, फाइल साइज घटाउन रिसाइज गर्ने र कम्प्रेस गर्ने जस्ता प्रविधिहरू प्रयोग गर्नुहोस्। साइटको कार्यसम्पादन जाँच गर्न नियमित पृष्ठ परीक्षण र साइट अडिटहरूको तालिका बनाउनुहोस्।




Rick Davis
Rick Davis
रिक डेभिस एक अनुभवी ग्राफिक डिजाइनर र दृश्य कलाकार हुन् जसलाई उद्योगमा 10 वर्ष भन्दा बढीको अनुभव छ। उनले साना स्टार्टअपदेखि ठूला कर्पोरेसनसम्म विभिन्न ग्राहकहरूसँग काम गरेका छन्, उनीहरूलाई उनीहरूको डिजाइन लक्ष्यहरू प्राप्त गर्न र प्रभावकारी र प्रभावकारी दृश्यहरू मार्फत उनीहरूको ब्रान्डलाई माथि उठाउन मद्दत गर्दै।न्यु योर्क शहरको स्कूल अफ भिजुअल आर्ट्सका स्नातक, रिक नयाँ डिजाइन प्रचलन र प्रविधिहरू अन्वेषण गर्न र क्षेत्रमा के सम्भव छ त्यसको सीमालाई निरन्तरता दिईरहेका छन्। उहाँसँग ग्राफिक डिजाइन सफ्टवेयरमा गहिरो विशेषज्ञता छ, र सधैं अरूसँग आफ्नो ज्ञान र अन्तरदृष्टि साझा गर्न उत्सुक छन्।एक डिजाइनरको रूपमा आफ्नो कामको अतिरिक्त, रिक एक प्रतिबद्ध ब्लगर पनि हो, र ग्राफिक डिजाइन सफ्टवेयरको संसारमा नवीनतम प्रवृत्ति र विकासहरू कभर गर्न समर्पित छ। उहाँ विश्वास गर्नुहुन्छ कि जानकारी र विचारहरू साझेदारी गर्नु एक बलियो र जीवन्त डिजाइन समुदायलाई बढावा दिनको लागि महत्वपूर्ण छ, र सधैं अन्य डिजाइनरहरू र रचनात्मकहरूसँग अनलाइन जडान गर्न उत्सुक छ।चाहे उसले ग्राहकको लागि नयाँ लोगो डिजाइन गरिरहेको छ, आफ्नो स्टुडियोमा नवीनतम उपकरण र प्रविधिहरू प्रयोग गरिरहेको छ, वा जानकारीमूलक र आकर्षक ब्लग पोस्टहरू लेखिरहेको छ, रिक जहिले पनि सम्भव सबै भन्दा राम्रो काम प्रदान गर्न र अरूलाई उनीहरूको डिजाइन लक्ष्यहरू प्राप्त गर्न मद्दत गर्न प्रतिबद्ध छ।