ഉള്ളടക്ക പട്ടിക
മനുഷ്യർ കാഴ്ച ജീവികളാണ്, ഗവേഷണം ആ വസ്തുതയെ പിന്തുണയ്ക്കുന്നു. മൂന്ന് ദിവസത്തിന് ശേഷം, ടെക്‌സ്‌റ്റിന്റെ നിലനിർത്തൽ നിരക്ക് 10%-20% പരിധിക്കുള്ളിലാണ്. എന്നാൽ ചിത്രങ്ങൾക്ക്, നിലനിർത്തൽ നിരക്ക് 65% വരെയാകാം. മസ്തിഷ്കം 90% ദൃശ്യ വിവരങ്ങളും സ്വീകരിക്കുകയും 60,000 മടങ്ങ് വേഗത്തിൽ പ്രോസസ്സ് ചെയ്യുകയും ചെയ്യുന്നു. ഒരു സംശയവുമില്ലാതെ, വെബ്‌സൈറ്റ് ഇടപഴകലിൽ ദൃശ്യങ്ങൾ നിർണായക പങ്ക് വഹിക്കുന്നു.
എന്നിരുന്നാലും, ചില ചിത്രങ്ങൾ തിരഞ്ഞെടുത്ത് അവ നിങ്ങളുടെ സൈറ്റിന് ചുറ്റും സ്ഥാപിക്കുന്നതിനേക്കാൾ വളരെയധികം ആവശ്യമാണ്. ഹെവി ഇമേജുകൾ ധാരാളം ബാൻഡ്‌വിഡ്ത്ത് ഉപയോഗിക്കുന്നു, ഇത് പേജ് ലോഡിംഗ് വേഗത കുറയ്ക്കുന്നു. സെർച്ച് എഞ്ചിനുകൾ മന്ദഗതിയിലുള്ള പ്രകടനം ശ്രദ്ധിക്കുകയും കുറഞ്ഞ റാങ്കിംഗിൽ നിങ്ങളെ ശിക്ഷിക്കുകയും ചെയ്യും.
2021-ൽ മികച്ച വെബ് പ്രകടനത്തിനായി ചിത്രങ്ങൾ ഒപ്റ്റിമൈസ് ചെയ്യുന്നതിനുള്ള ആറ് വ്യത്യസ്ത വഴികൾ ഞങ്ങളുടെ ലേഖനം കാണിക്കും.മികച്ച വെബ് പ്രകടനത്തിനുള്ള ഇമേജ് ഒപ്റ്റിമൈസേഷൻ നുറുങ്ങുകൾ
നിങ്ങൾ ഇതിനായി വെബ്‌സൈറ്റുകൾ രൂപകൽപ്പന ചെയ്‌തുവെന്ന് പറയാം. ലാഭേച്ഛയില്ലാത്ത ഓർഗനൈസേഷനുകളും നിങ്ങളുടെ ജോലി പ്രദർശിപ്പിക്കുന്നതിന് ധാരാളം ചിത്രങ്ങൾ ഉപയോഗിക്കാൻ നിങ്ങൾ ഇഷ്ടപ്പെടുന്നു. ദാതാക്കളും സ്പോൺസർമാരും മറ്റ് പങ്കാളികളും അത്തരം വിവരങ്ങൾ തുടർച്ചയായ പിന്തുണയ്‌ക്കുള്ള അടിസ്ഥാനമായി ഉപയോഗിക്കുന്നു. എന്നിരുന്നാലും, നിങ്ങൾ ചിത്രങ്ങൾ ഒപ്റ്റിമൈസ് ചെയ്തില്ലെങ്കിൽ, ഉപയോക്തൃ അനുഭവവും ഇടപഴകലും ബാധിക്കും. പേജുകളുടെ സാവധാന ലോഡിംഗും പ്രതികരണങ്ങളുടെ കാലഹരണപ്പെടുന്നതുമാണ് ഏറ്റവും വലിയ പ്രശ്നം.
ഇമേജ് ഒപ്റ്റിമൈസേഷൻ എന്നത് ഫയലുകളുടെ വലുപ്പം, ഫോർമാറ്റ് അല്ലെങ്കിൽ റെസല്യൂഷൻ എന്നിവ കുറയ്ക്കുന്നതിന് നിങ്ങൾ സ്വീകരിക്കുന്ന ഏത് നടപടികളെയും സൂചിപ്പിക്കുന്നു. ചിത്രങ്ങളുടെ ഗുണനിലവാരത്തിൽ വിട്ടുവീഴ്ച ചെയ്യാതെ നിങ്ങൾക്ക് ഇത് ചെയ്യാൻ കഴിയും.
നിങ്ങളുടെ ചിലത് നമുക്ക് പരിശോധിക്കാംഓപ്ഷനുകൾ.
ഡീമാക് ദക്സിനയുടെ മാർക്കറ്റിംഗ് കാമ്പെയ്ൻ ചിത്രീകരണം
1. ഒരു ഇമേജ് ഒപ്റ്റിമൈസേഷൻ ഓഡിറ്റ് ഉപയോഗിച്ച് ആരംഭിക്കുക
ഒരു ഇമേജ് ഒപ്റ്റിമൈസേഷൻ ഓഡിറ്റ് നിങ്ങൾ മെച്ചപ്പെടുത്തേണ്ട സ്ഥലങ്ങൾക്ക് പ്രസക്തമായ വിവരങ്ങൾ നൽകും.
നിങ്ങളുടെ സൈറ്റിലുള്ള ചിത്രങ്ങളുടെ ഒരു ഇൻവെന്ററി നടത്തി ആരംഭിക്കുക. പ്രസക്തമായ പരിശോധനകൾ നിങ്ങൾ പരിഹരിക്കേണ്ട പ്രശ്നങ്ങൾ കണ്ടെത്തും.ഉദാഹരണത്തിന്, നിങ്ങൾക്ക് വളരെയധികം ചിത്രങ്ങളുണ്ടെന്ന് ഓഡിറ്റ് കാണിച്ചേക്കാം. ഇത് നിങ്ങളുടെ ഇമേജ് ഫോർമാറ്റിംഗ് കാണിക്കുകയും അടുത്ത നടപടി നിർണ്ണയിക്കാൻ നിങ്ങളെ അനുവദിക്കുകയും ചെയ്യും. ഉദാഹരണത്തിന്, ഫയൽ ഫോർമാറ്റുകൾ നീക്കം ചെയ്യുകയോ മാറ്റുകയോ ചെയ്യുന്നത് പേജ് ലോഡിംഗ് വേഗത ഗണ്യമായി മെച്ചപ്പെടുത്തിയേക്കാം.
2. ഇമേജുകൾക്കായി ശരിയായ ഫോർമാറ്റ് തിരഞ്ഞെടുക്കുക
ഇമേജ് ഫയലുകൾ വ്യത്യസ്ത ഫോർമാറ്റുകളിൽ വരുന്നു. നിങ്ങൾ അറിഞ്ഞിരിക്കേണ്ട വെബ് ആപ്ലിക്കേഷനുകൾക്കായുള്ള ഏറ്റവും സാധാരണമായ മൂന്ന് തരം ഇമേജ് ഫോർമാറ്റുകൾ ഇവയാണ്:
- PNG വളരെ ഉയർന്ന നിലവാരമുള്ള ഇമേജ് എന്നതിന്റെ ഗുണം ഉണ്ട്. നിർഭാഗ്യവശാൽ, ഇത് നേടുന്നതിന്, ഫയൽ വലുപ്പം വളരെ വലുതാണ്. അവ ലളിതമായ ചിത്രങ്ങൾക്കും ലോഗോകൾക്കും നന്നായി പ്രവർത്തിക്കുകയും നഷ്ടരഹിതമായ കംപ്രഷൻ അനുവദിക്കുകയും ചെയ്യുന്നു.
- JPEG-കൾ മിക്ക വെബ്‌സൈറ്റുകളിലും ഏറ്റവും സാധാരണമാണ്. സങ്കീർണ്ണവും വർണ്ണാഭമായതുമായ ചിത്രങ്ങൾക്ക് അവ മികച്ചതാണ്. എന്നിരുന്നാലും, JPEG ഇമേജുകൾ കംപ്രസ്സുചെയ്യുമ്പോൾ നിങ്ങൾ ശ്രദ്ധിക്കേണ്ടതുണ്ട്, കാരണം വ്യക്തത നഷ്ടപ്പെടും, ചിത്രം ചെറുതാകും. ചില ആളുകൾ ഇതിനെ ലോസി എന്ന് വിളിക്കുന്നു.
- ആനിമേഷനുകൾക്കും ചെറിയ ഐക്കണുകൾക്കും കുറഞ്ഞ റെസ് ഇമേജുകൾക്കുമായി GIF പ്രവർത്തിക്കുന്നു. ഇത് നഷ്ടരഹിതമായ കംപ്രഷൻ അനുവദിക്കുന്നു, എന്നാൽ നിങ്ങൾക്ക് മാത്രമേ ഉപയോഗിക്കാൻ കഴിയൂ256 നിറങ്ങൾ വരെ.
ആൻഡ്രിയാസ് സ്റ്റോമിന്റെ ഐക്കണുകൾ സംരക്ഷിക്കുക
ഇതും കാണുക: ഇല്ലസ്ട്രേറ്ററിൽ എങ്ങനെ ക്രോപ്പ് ചെയ്യാം3. ഇമേജുകളുടെ വലുപ്പം മാറ്റുക, കംപ്രസ് ചെയ്യുക
ചിത്രങ്ങൾ ബിറ്റ് ബൈ ബിറ്റ് ലോഡ് ചെയ്യുന്നതായി നിങ്ങൾ ശ്രദ്ധിച്ചിരിക്കാം. പൂർണ്ണ ചിത്രം കാണുന്നതിന് കുറച്ച് സമയം കടന്നുപോകും; ചിത്രങ്ങൾ വളരെ ഭാരമുള്ളതാണെന്നതിന്റെ സൂചന. വലുപ്പം മാറ്റുകയോ കംപ്രസ് ചെയ്യുകയോ ചെയ്യുന്നത് പ്രശ്നം പരിഹരിക്കും.
ചിത്രങ്ങൾ ഒപ്റ്റിമൈസ് ചെയ്യുന്നതിന് മുമ്പ് അപ്‌ലോഡ് ചെയ്യാൻ പാടില്ല എന്നത് ശ്രദ്ധിക്കുക. മികച്ച നിലവാരത്തിന്, ഫയലുകൾ 1 മുതൽ 2 MB വരെ പരിധിക്കുള്ളിൽ ആയിരിക്കാൻ ലക്ഷ്യമിടുന്നു.ചിത്രങ്ങളുടെ വലുപ്പം മാറ്റാൻ ക്രോപ്പിംഗ് ടൂൾ ഉപയോഗിക്കുക. ഇത് ഫയൽ വലുപ്പം കുറയ്ക്കാൻ സഹായിക്കുന്നു, അതിന്റെ ഫലമായി മികച്ച പേജ് ലോഡിംഗ് വേഗത ലഭിക്കും. നിങ്ങളുടെ ഉപയോഗത്തിനായി ടൺ കണക്കിന് ടൂളുകൾ ലഭ്യമാണ്.
ചിത്രങ്ങൾ കംപ്രസ് ചെയ്യുന്നത് ഫയലിന്റെ വലുപ്പം കുറയ്ക്കാൻ സഹായിക്കുന്നു. എന്നാൽ നിങ്ങൾ വളരെയധികം കംപ്രസ് ചെയ്താൽ നിങ്ങൾക്ക് ചിത്രം വികലമാക്കാം. നിങ്ങൾക്ക് ചിത്രത്തിന്റെ ഗുണനിലവാരം നിലനിർത്തണമെങ്കിൽ കുറഞ്ഞ കംപ്രഷൻ അനുയോജ്യമാകും; എന്നിരുന്നാലും, ഇത് വലുപ്പത്തിൽ കാര്യമായ കുറവ് വരുത്തുന്നില്ല.
കംപ്രഷനുകളുടെ തരങ്ങൾ
നമ്മൾ ഇതിനകം മുകളിൽ സൂചിപ്പിച്ച രണ്ട് ആശയങ്ങളുണ്ട്, നഷ്ടമില്ലാത്തതും ലോസി കംപ്രഷനും.
- അനാവശ്യമായ മെറ്റാഡാറ്റ നീക്കം ചെയ്യുമ്പോൾ ലോസ്‌ലെസ് കംപ്രഷൻ ചിത്രത്തിന്റെ ഗുണനിലവാരം നിലനിർത്തുന്നു.
- ലോസി കംപ്രഷൻ ചില ഘടകങ്ങളെ ഒഴിവാക്കി ഫയൽ വലുപ്പം കുറയ്ക്കുന്നു. ഇത് ചിത്രത്തിന്റെ ഗുണനിലവാരത്തിൽ വിട്ടുവീഴ്ച ചെയ്തേക്കാം. എന്നിരുന്നാലും, നിങ്ങൾ വ്യത്യാസം ശ്രദ്ധിക്കാനിടയില്ല. അതിനാൽ, ഇമേജുകൾ കംപ്രസ്സുചെയ്യാനുള്ള മികച്ച മാർഗമാണിത്.
ശരിയായ ചിത്ര എഡിറ്റർ ഏതാണ് എന്ന് നിർണ്ണയിക്കാൻ നിങ്ങളെ സഹായിക്കുംകംപ്രഷൻ നിങ്ങൾക്ക് ഏറ്റവും നന്നായി പ്രവർത്തിക്കുന്നു.
4. മൊബൈൽ-ആദ്യത്തെ ഇമേജ് ഒപ്റ്റിമൈസേഷൻ
Google മൊബൈൽ ഫസ്റ്റ് റാങ്കിംഗിലേക്ക് മാറിയതിനാൽ നിങ്ങൾ എടുക്കുന്ന ഏതൊരു ഘട്ടവും മൊബൈൽ-ആദ്യത്തെ SEO തന്ത്രം പിന്തുടരേണ്ടതാണ്. ഏത് ഡെസ്‌ക്‌ടോപ്പ് ഉപകരണത്തിലെയും പോലെ ഏത് മൊബൈൽ ഉപകരണത്തിലും ചിത്രങ്ങൾ സമാനമായിരിക്കണം. ഇത്തരം ഉപകരണങ്ങളിലൂടെയാണ് ഇന്റർനെറ്റ് ട്രാഫിക്ക് വലിയ തോതിൽ വരുന്നത്.
മൊബൈൽ ഉപകരണങ്ങൾ ഉപയോഗിക്കുമ്പോൾ ഉപയോക്താക്കൾ ഒരു നല്ല UX ഉപയോഗിച്ച് ഇടപഴകിയില്ലെങ്കിൽ, നിങ്ങൾക്ക് അവ നഷ്‌ടമാകും.
മൊബൈലിനായി ആദ്യം ചിത്രങ്ങൾ ഒപ്റ്റിമൈസ് ചെയ്യുന്നത് പരിഗണിക്കുക. ചെറിയ സ്‌ക്രീനിൽ ഇത് മികച്ചതായി തോന്നുകയാണെങ്കിൽ, ഒരു ഡെസ്‌ക്‌ടോപ്പിലോ ലാപ്‌ടോപ്പിലോ അത് മനോഹരമായി കാണപ്പെടും.
ASO Optimization by Abbi_Kerimov
ഇതും കാണുക: മോഷൻ ഗ്രാഫിക്സ് പ്രചോദനത്തിനായുള്ള മികച്ച വീഡിയോ ചാനലുകൾ5. ഫയലുകളുടെ പേരുകളും അവയുടെ സ്വാധീനവും SEO
ഇമേജ് ഒപ്റ്റിമൈസേഷനും നിങ്ങൾ ഫയലുകൾക്ക് എങ്ങനെ പേരിടുന്നു എന്നതും ശ്രദ്ധിക്കേണ്ടതുണ്ട്. നിങ്ങൾ എടുക്കുന്ന എല്ലാ പ്രവർത്തനങ്ങളും സെർച്ച് എഞ്ചിനുകളിൽ ദൃശ്യപരത മെച്ചപ്പെടുത്തുക എന്ന ലക്ഷ്യത്തോടെയായിരിക്കണം. നിങ്ങൾ ഒരു ചിത്രം അപ്‌ലോഡ് ചെയ്യുകയോ എടുക്കുകയോ ചെയ്യുമ്പോൾ, ഉപകരണം സ്വയമേവ അതിന് ഒരു ഫയൽനാമം നൽകും. ഈ പേരിൽ സാധാരണയായി റാൻഡം കോഡോ നമ്പറുകളോ ഉൾപ്പെടുന്നു. ഇത് 2224444.jpg പോലെ തോന്നാം.
നിങ്ങളുടെ വെബ്‌സൈറ്റിൽ ഉള്ളതുപോലെ ചിത്രം അപ്‌ലോഡ് ചെയ്യുന്നത് തിരയൽ എഞ്ചിനുകളെ സഹായിക്കില്ല.
ഓരോ ചിത്രത്തിനും വിവരണാത്മക ലേബലുകൾ അനുവദിച്ചുകൊണ്ട് വെബ് ക്രാളറുകൾക്ക് നിങ്ങളെ കണ്ടെത്തുന്നത് എളുപ്പമാക്കുക. നിങ്ങളുടെ ബിസിനസ്സിനെയോ സൈറ്റിനെയോ കുറിച്ചുള്ള വിവരങ്ങൾ നൽകുന്ന പ്രസക്തമായ കീവേഡുകൾ സംയോജിപ്പിക്കുക.6. ലേസി ലോഡിംഗ് ഉപയോഗിക്കുന്നത് പരിഗണിക്കുക
ചിത്രങ്ങളുടെ അലസമായ ലോഡിംഗ് പേര് സൂചിപ്പിക്കുന്നത് പോലെ തന്നെയാണ്. ഇതിനുപകരമായിമുഴുവൻ ചിത്രവും ഒരേസമയം ലോഡുചെയ്യുന്നു, അത് ഒരു തരത്തിൽ തുറക്കുന്നു. ഓൺലൈൻ സന്ദർശകർ പേജിലേക്ക് സ്ക്രോൾ ചെയ്യുന്നതിനനുസരിച്ച് ചിത്രം ലോഡ് ചെയ്യുന്നത് തുടരുന്നു.
അലസമായ ലോഡിംഗ് ആ ഘട്ടത്തിൽ പ്രസക്തമായത് മാത്രം വെളിപ്പെടുത്തുന്നു. നിങ്ങൾ അനാവശ്യ ഉറവിടങ്ങളൊന്നും ഉപയോഗിക്കാത്തതിനാൽ ബാൻഡ്‌വിഡ്‌ത്തിൽ സംരക്ഷിക്കുന്നത് അവസാനിക്കും.
ലോഡുചെയ്യുന്നു... by ഡോണ
അവസാന ചിന്തകൾ
സെർച്ച് എഞ്ചിനുകൾ ഉപയോഗിക്കുന്ന ഒരു നിർണായക റാങ്കിംഗ് ഘടകമാണ് വെബ് പ്രകടനം. പേജ് ലോഡിംഗ് വേഗത കുറവാണെങ്കിൽ Google നിങ്ങളുടെ സൈറ്റിന് പിഴ ചുമത്തും.
പേജ് സ്പീഡ് പല ഘടകങ്ങളും നിർണ്ണയിക്കുന്നു, കൂടാതെ ഇമേജ് ഉപയോഗം കമാൻഡുകൾ മുൻനിര സ്ഥാനങ്ങളിലൊന്നാണ്. നിങ്ങൾ ഇമേജുകൾ ഒപ്റ്റിമൈസ് ചെയ്തില്ലെങ്കിൽ, നിങ്ങളുടെ വെബ് പ്രകടനത്തെ ബാധിക്കും. പേജുകൾ സാവധാനത്തിൽ ലോഡ് ചെയ്യും, ഉപയോക്തൃ അനുഭവവും ഇടപഴകലും നല്ലതായിരിക്കില്ല.
ശരിയായ ഇമേജ് ഫോർമാറ്റ് തിരഞ്ഞെടുക്കുക. അടുത്തതായി, ഫയൽ വലുപ്പം കുറയ്ക്കുന്നതിന് വലുപ്പം മാറ്റലും കംപ്രസ്സുചെയ്യലും പോലുള്ള സാങ്കേതിക വിദ്യകൾ ഉപയോഗിക്കുക. സൈറ്റിന്റെ പ്രകടനം പരിശോധിക്കാൻ പതിവ് പേജ് ടെസ്റ്റുകളും സൈറ്റ് ഓഡിറ്റുകളും ഷെഡ്യൂൾ ചെയ്യുക.
