सामग्री सारणी
मानव दृश्य प्राणी आहेत आणि संशोधन त्या वस्तुस्थितीचे समर्थन करते. केवळ तीन दिवसांनंतर, मजकूरासाठी ठेवण्याचे दर केवळ 10%-20% च्या मर्यादेत आहेत. परंतु प्रतिमांसाठी, धारणा दर 65% इतका जास्त असू शकतो. मेंदूला 90% व्हिज्युअल माहिती मिळते आणि ती 60,000 पट वेगाने प्रक्रिया करते. निःसंशयपणे, व्हिज्युअल वेबसाइट प्रतिबद्धतेमध्ये महत्त्वपूर्ण भूमिका बजावतात.
तथापि, काही प्रतिमा निवडणे आणि त्या तुमच्या साइटवर ठेवण्यापेक्षा ते बरेच काही घेते. जड प्रतिमा खूप बँडविड्थ वापरतात, ज्यामुळे पृष्ठ लोड होण्याचा वेग कमी होतो. शोध इंजिने मंद कामगिरी लक्षात घेतील आणि कमी रँकिंगसह तुम्हाला दंड करतील.
आमचा लेख तुम्हाला २०२१ मध्ये चांगल्या वेब परफॉर्मन्ससाठी इमेज ऑप्टिमाइझ करण्याचे सहा वेगवेगळे मार्ग दाखवेल.मध्ये चांगल्या वेब परफॉर्मन्ससाठी इमेज ऑप्टिमायझेशन टिपा ना-नफा संस्था आणि तुम्हाला तुमचे काम दाखवण्यासाठी अनेक प्रतिमा वापरायला आवडतात. देणगीदार, प्रायोजक आणि इतर भागधारक अशा माहितीचा वापर सतत समर्थनासाठी आधार म्हणून करतात. तथापि, आपण प्रतिमा ऑप्टिमाइझ न केल्यास, वापरकर्ता अनुभव आणि प्रतिबद्धता प्रभावित होईल. सर्वात मोठी समस्या पृष्ठे लोड करणे आणि कालबाह्य प्रतिसाद असेल.
इमेज ऑप्टिमायझेशन म्हणजे फाइल्सचा आकार, फॉरमॅट किंवा रिझोल्यूशन कमी करण्यासाठी तुम्ही उचललेल्या कोणत्याही पायऱ्या. तुम्ही इमेजच्या गुणवत्तेशी तडजोड न करता हे करू शकता.
चला तुमच्या काहीपर्याय.
डीमाक दक्षिणा द्वारे विपणन मोहिमेचे चित्रण
1. इमेज ऑप्टिमायझेशन ऑडिटसह प्रारंभ करा
इमेज ऑप्टिमायझेशन ऑडिट तुम्हाला कुठे सुधारण्याची आवश्यकता आहे यासाठी संबंधित माहिती प्रदान करेल.
तुमच्या साइटवर तुमच्याकडे असलेल्या प्रतिमांची यादी तयार करून सुरुवात करा. संबंधित चाचण्या तुम्हाला संबोधित करण्यासाठी आवश्यक असलेल्या कोणत्याही समस्यांचे निदान करतील.उदाहरणार्थ, ऑडिट तुमच्याकडे खूप जास्त इमेज असल्याचे दाखवू शकते. हे तुमचे इमेज फॉरमॅटिंग देखील दर्शवेल आणि तुम्हाला पुढील कृती ठरवण्याची अनुमती देईल. उदाहरणार्थ, फाईल फॉरमॅट्स काढून टाकणे किंवा बदलल्याने पेज लोड होण्याच्या गतीमध्ये लक्षणीय सुधारणा होऊ शकते.
हे देखील पहा: 8 विनामूल्य वेब डिझाइन संसाधने तुम्ही बुकमार्क करावी2. इमेजसाठी योग्य फॉरमॅट निवडा
इमेज फाइल्स वेगवेगळ्या फॉरमॅटमध्ये येतात. वेब ऍप्लिकेशन्ससाठी हे तीन सर्वात सामान्य प्रकारचे इमेज फॉरमॅट आहेत जे तुम्हाला माहित असणे आवश्यक आहे:
हे देखील पहा: मोशन ग्राफिक्स डिझायनर काय करतो?- PNG ला अतिशय उच्च-गुणवत्तेची प्रतिमा असण्याचा फायदा आहे. दुर्दैवाने, हे साध्य करण्यासाठी, फाइल आकार खूप मोठा आहे. ते साध्या प्रतिमा आणि लोगोसाठी चांगले कार्य करतात आणि दोषरहित कॉम्प्रेशनसाठी अनुमती देतात.
- जेपीईजी बहुतेक वेबसाइटवर सर्वात सामान्य आहेत. ते जटिल, रंगीत प्रतिमांसाठी उत्कृष्ट आहेत. तथापि, JPEG प्रतिमा संकुचित करताना आपण सावधगिरी बाळगणे आवश्यक आहे कारण स्पष्टता कमी होऊ शकते, प्रतिमा जितकी लहान होईल. काही लोक याला हानीकारक म्हणून संबोधतात.
- GIF अॅनिमेशन, लहान आयकॉन आणि कमी रिजोल्यूशन इमेजसाठी काम करते. हे लॉसलेस कॉम्प्रेशनसाठी परवानगी देते, परंतु आपण फक्त वापरू शकता256 रंगांपर्यंत.
आंद्रियास स्टॉर्म द्वारे आयकॉन जतन करा
3. प्रतिमांचा आकार बदला आणि संकुचित करा
तुमच्या लक्षात आले असेल की प्रतिमा थोड्या-थोड्या लोड होत आहेत. तुम्हाला पूर्ण प्रतिमा पाहण्यासाठी काही वेळ जाईल; चित्रे कदाचित खूप भारी आहेत हे चिन्ह. आकार बदलणे किंवा संकुचित करणे समस्येची काळजी घेईल.
कृपया लक्षात ठेवा की आपण कोणत्याही प्रतिमा ऑप्टिमाइझ करण्यापूर्वी अपलोड करू नयेत. आणि सर्वोत्कृष्ट गुणवत्तेसाठी, फायली 1 ते 2 MB च्या मर्यादेत असण्याचे लक्ष्य ठेवा.प्रतिमांचा आकार बदलण्यासाठी क्रॉपिंग टूल वापरा. हे फाईलचा आकार कमी करण्यास मदत करते, परिणामी पृष्ठ लोड होण्याचा वेग चांगला होतो. तुमच्या वापरासाठी तुमच्याकडे बरीच साधने उपलब्ध आहेत.
प्रतिमा संकुचित केल्याने फाइल आकार कमी करण्यात मदत होते. परंतु आपण प्रतिमा जास्त संकुचित केल्यास आपण ती विकृत करू शकता. जर तुम्हाला चित्राची गुणवत्ता टिकवून ठेवायची असेल तर कमी कॉम्प्रेशन आदर्श असू शकते; तथापि, ते आकारमान लक्षणीयरीत्या कमी करत नाही.
कंप्रेशनचे प्रकार
दोन संकल्पना आहेत ज्यांचा आपण वर उल्लेख केला आहे, लॉसलेस बनाम लॉसी कॉम्प्रेशन.
- अनावश्यक मेटाडेटा काढून टाकताना दोषरहित कॉम्प्रेशन चित्राची गुणवत्ता राखते.
- लॉस्सी कॉम्प्रेशनमुळे काही घटकांपासून सुटका करून फाइलचा आकार कमी होतो. हे चित्राच्या गुणवत्तेशी तडजोड करू शकते. तथापि, तुम्हाला फरक लक्षात येणार नाही. त्यामुळे, इमेज कॉम्प्रेस करण्याचा हा एक उत्तम मार्ग असू शकतो.
योग्य चित्र संपादक तुम्हाला कोणते हे निर्धारित करण्यात मदत करेलकॉम्प्रेशन तुमच्यासाठी उत्तम काम करते.
4. मोबाइल-फर्स्ट इमेज ऑप्टिमायझेशन
Google ने मोबाइल फर्स्ट रँकिंगवर स्विच केल्यामुळे तुम्ही जी कोणतीही पावले उचललीत ती मोबाइल-फर्स्ट एसइओ स्ट्रॅटेजी फॉलो करणे आवश्यक आहे. प्रतिमा कोणत्याही मोबाइल डिव्हाइसवर कोणत्याही डेस्कटॉप डिव्हाइसवर सारख्याच दिसल्या पाहिजेत. अशा उपकरणांद्वारे प्रचंड प्रमाणात इंटरनेट रहदारी येते.
मोबाईल डिव्‍हाइसेस वापरताना वापरकर्ते चांगल्या UX सह गुंतलेले नसल्‍यास, तुम्ही ते गमावाल.
मोबाइल-प्रथम इमेज इच्‍छित करण्याचा विचार करा. जर ते छोट्या पडद्यावर चांगले दिसले तर ते डेस्कटॉप किंवा लॅपटॉपवर विलक्षण दिसेल.
अब्बी_केरिमोव्ह द्वारे ASO ऑप्टिमायझेशन
5. फाइलची नावे आणि एसइओवर त्यांचा प्रभाव
इमेज ऑप्टिमायझेशनसाठी तुम्ही फाइल्सना कसे नाव देता याकडेही लक्ष देणे आवश्यक आहे. तुम्ही करत असलेल्या सर्व कृतींचे उद्दिष्ट शोध इंजिनांवर दृश्यमानता सुधारण्याचे असावे. जेव्हा तुम्ही चित्र अपलोड करता किंवा घेता, तेव्हा डिव्हाइस स्वयंचलितपणे त्याला फाइलनाव देईल. या नावामध्ये सामान्यत: यादृच्छिक कोड किंवा संख्या असतात. ते 2224444.jpg सारखे काहीतरी दिसू शकते.
तुमच्या वेबसाइटवर जसे आहे तसे चित्र अपलोड केल्याने शोध इंजिनांना अजिबात मदत होणार नाही.
प्रत्येक प्रतिमेला वर्णनात्मक लेबले देऊन वेब क्रॉलर्सना तुम्हाला शोधणे सोपे करा. आपल्या व्यवसाय किंवा साइटबद्दल माहिती देणारे संबंधित कीवर्ड समाविष्ट करा.6. आळशी लोडिंग वापरण्याचा विचार करा
इमेजचे आळशी लोडिंग नावाप्रमाणेच आहे. च्या ऐवजीसंपूर्ण प्रतिमा एकाच वेळी लोड होत आहे, ती एक प्रकारची उलगडते. ऑनलाइन अभ्यागत पृष्ठावर जितके अधिक स्क्रोल करेल तितकी प्रतिमा लोड होत राहते.
आळशी लोडिंग केवळ त्या वेळी संबंधित काय आहे ते प्रकट करते. तुम्ही बँडविड्थवर बचत कराल कारण तुम्ही कोणतीही अनावश्यक संसाधने वापरणार नाही.
लोड करत आहे... डोना
अंतिम विचार
वेब कार्यप्रदर्शन हा शोध इंजिन वापरत असलेला एक महत्त्वपूर्ण रँकिंग घटक आहे. पेज लोड होण्याचा वेग कमी असल्यास Google तुमच्या साइटवर दंड आकारेल.
अनेक घटक पृष्‍ठाचा वेग निर्धारित करतात आणि प्रतिमा वापरतात ते शीर्ष स्थानांपैकी एक. तुम्ही इमेज ऑप्टिमाइझ न केल्यास, तुमच्या वेब कार्यक्षमतेला त्रास होईल. पृष्ठे हळूहळू लोड होतील, आणि वापरकर्ता अनुभव आणि प्रतिबद्धता चांगली राहणार नाही.
योग्य इमेज फॉरमॅट निवडा. पुढे, फाइल आकार कमी करण्यासाठी आकार बदलणे आणि संकुचित करणे यासारख्या तंत्रांचा वापर करा. साइटचे कार्यप्रदर्शन तपासण्यासाठी नियमित पृष्ठ चाचण्या आणि साइट ऑडिट शेड्यूल करा.
