വെബ് പേജുകളിൽ ഉപയോഗിക്കേണ്ട അനേകം ഇമേജ് ഫോർമാറ്റുകൾ ഉണ്ട്. ചില ഉദാഹരണങ്ങൾ GIF , JPG , PNG എന്നിവയാണ് . SVG ഫയലുകൾ ഇന്ന് വെബ്സൈറ്റുകളിൽ സാധാരണയായി ഉപയോഗിക്കപ്പെടുന്നു, വെബ് ഡിസൈനർമാർക്ക് ഓൺലൈൻ ഇമേജിനുള്ള മറ്റൊരു ഓപ്ഷൻ നൽകുന്നു.
GIF ഇമേജുകൾ
ചെറിയ, നിശ്ചിത എണ്ണം നിറമുള്ള ഇമേജുകൾക്കായി GIF ഫയലുകൾ ഉപയോഗിക്കുക. GIF ഫയലുകൾ 256-ലധികം സവിശേഷതയുള്ള നിറങ്ങളിലേക്കായി കുറയുന്നു. GIF ഫയലുകളുടെ കമ്പ്രഷൻ അൽഗൊരിതം JPG ഫയലുകളേക്കാൾ സങ്കീർണമാണ്, പക്ഷേ ഫ്ലാറ്റ് വർണ്ണ ഇമേജുകളിലും വാചകങ്ങളിലും അത് വളരെ ചെറിയ ഫയൽ വലുപ്പങ്ങൾ സൃഷ്ടിക്കുമ്പോൾ .
GIF ഫോർമാറ്റ് ഗ്രേഡിയന്റ് വർണ്ണങ്ങളുള്ള ഫോട്ടോഗ്രാഫിക് ഇമേജുകളോ ഇമേജുകളോ അനുയോജ്യമല്ല. GIF ഫോർമാറ്റിലുള്ള പരിമിത എണ്ണം എണ്ണം ഉള്ളതിനാൽ, ഗ്രേഡിയറുകളും ഫോട്ടോഗ്രാഫുകളും ഒരു ജിഎഫ് ഫയൽ ആയി സംരക്ഷിക്കുമ്പോൾ ബാൻഡിംഗ്, പിക്സൽ എന്നിവ ഉപയോഗിച്ച് അവസാനിക്കും.
ചുരുക്കത്തിൽ, ലളിതമായ ഇമേജുകൾക്ക് മാത്രം കുറച്ച് നിറങ്ങൾ മാത്രമേ GIF ഉപയോഗിക്കാവൂ, പക്ഷേ നിങ്ങൾക്ക് ആ PNG- കളും ഉപയോഗിക്കാം (അധികം താമസിയാതെ).
JPG ചിത്രങ്ങൾ
ദശലക്ഷക്കണക്കിന് വർണ്ണമുള്ള ഫോട്ടോഗ്രാഫുകൾക്കും മറ്റ് ചിത്രങ്ങൾക്കുമായി JPG ഇമേജുകൾ ഉപയോഗിക്കുക. ഇമേജിന്റെ ഗുണനിലവാരം കുറച്ചുകൊണ്ട് ചെറിയ ഗ്രാഫിക്സ് സൃഷ്ടിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന ഒരു സങ്കീർണ്ണ കമ്പ്രഷൻ അൽഗോരിതം ഇത് ഉപയോഗിക്കുന്നു. ഇതിനെ "ലോസി" കംപ്രഷൻ എന്ന് വിളിക്കുന്നു, കാരണം ചിത്രം കംപ്രസ് ചെയ്യപ്പെടുമ്പോൾ ചില ചിത്ര വിവരങ്ങൾ നഷ്ടപ്പെടും.
JPG ഫോർമാറ്റ്, ഇമേജുകൾ ഇമേജ്, കട്ടിയുള്ള വലിയ കറുത്ത നിറം, ലളിതമായ ആകൃതികൾ എന്നിവക്ക് അനുയോജ്യമാണ്. ചിത്രം ഞെരുങ്ങിയത് കാരണം, ടെക്സ്റ്റ്, വർണം, അല്ലെങ്കിൽ വരികൾ മങ്ങുന്നതിന് കാരണമാകാം, അത് മറ്റൊരു ഫോർമാറ്റിൽ സേവ് ചെയ്യപ്പെടാത്തത്ര മൂർച്ചയുള്ളതല്ല.
ധാരാളം ധാരാളം പ്രകൃതി നിറങ്ങൾ ഉള്ള ഫോട്ടോഗ്രാഫുകൾക്കും ഇമേജുകൾക്കുമായി JPG ചിത്രങ്ങൾ ഏറ്റവും മികച്ചതാണ്.
PNG ചിത്രങ്ങൾ
ജിഐഎഫ് ഇമേജുകൾ റോയൽറ്റി ഫീസായിത്തീരുമെന്ന് ദൃശ്യമാകുമ്പോൾ GIF ഫോർമാറ്റിലുള്ള ഒരു പി.എൻ.ജി ഫോർമാറ്റാണ് വികസിപ്പിച്ചത്. GIF ഇമേജുകളെ അപേക്ഷിച്ച് PNG ഗ്രാഫിക്സ് മെച്ചപ്പെട്ട കംപ്രഷൻ നിരക്ക് ഒരു GIF ആയി സംരക്ഷിച്ചിട്ടുള്ള അതേ ഫയൽയേക്കാൾ ചെറിയ ഇമേജുകളെ കലാശിക്കുന്നു. പി.എൻ.ജി ഫയലുകൾ ആൽഫ സുതാര്യത നൽകുന്നു, അതായത് നിങ്ങളുടെ ചിത്രങ്ങൾ പൂർണ്ണമായി സുതാര്യമായോ അല്ലെങ്കിൽ ആൽഫ സുതാര്യതയോ ഉപയോഗിക്കാം. ഉദാഹരണത്തിന്, ഒരു ഡ്രോപ്പ് ഷാഡോ ധാരാളം സുതാര്യത ഇഫക്റ്റുകൾ ഉപയോഗിക്കുന്നു, കൂടാതെ പി.എൻ.ജിക്ക് അനുയോജ്യമാകും (അല്ലെങ്കിൽ താങ്കൾ ഞങ്ങൾക്ക് പകരം CSS ഷാഡോ ഉപയോഗിച്ച് ഞങ്ങളെ അവസാനിപ്പിക്കാം).
PNG ഇമേജുകൾ, GIF കൾ പോലുള്ളവ ഫോട്ടോഗ്രാഫുകൾക്ക് അനുയോജ്യമല്ല. യഥാർത്ഥ നിറങ്ങൾ ഉപയോഗിച്ച് GIF ഫയലുകളിൽ സംരക്ഷിച്ചിട്ടുള്ള ഫോട്ടോഗ്രാഫുകളെ ബാധിക്കുന്ന ബാൻഡിംഗ് പ്രശ്നത്തെക്കുറിച്ച് വളരെയെളുപ്പം സാധ്യമാണ്, പക്ഷേ ഇത് വളരെ വലിയ ഇമേജുകൾക്ക് കാരണമാകാം. PNG ചിത്രങ്ങൾ പഴയ സെൽ ഫോണുകളും ഫീച്ചർ ഫോണുകളും നന്നായി പിന്തുണയ്ക്കുന്നില്ല.
സുതാര്യത ആവശ്യമുള്ള ഏത് ഫയലിനുമുള്ള PNG ഞങ്ങൾ ഉപയോഗിക്കുന്നു. അതിനുപകരം PNG-format ഉപയോഗിച്ച് PIF-8 ഉപയോഗിച്ച് നമുക്ക് ഉപയോഗിക്കാം.
SVG ചിത്രങ്ങൾ
എസ്.വി.ജി. സ്കെയിലബിൾ വെക്റ്റർ ഗ്രാഫിക് ആണ്. JPG, GIF, പിഎൻജി എന്നിവയിൽ ലഭ്യമായ റാസ്റ്റർ ആധാരമായ ഫോർമാറ്റുകളിൽ നിന്നും വ്യത്യസ്തമായി, ഈ ഫയലുകൾ ഫയലുകളുടെ വലുപ്പത്തിൻറെ ഗുണനിലവാരം നഷ്ടപ്പെടാതെ വളരെ വലുതായി നിർമ്മിക്കാൻ കഴിയുന്ന ചെറിയ ഫയലുകൾ സൃഷ്ടിക്കുന്നതിന് വെക്റ്ററുകൾ ഉപയോഗിക്കുന്നു. അവ ഐക്കണുകളും ലോഗോകളും പോലെയുള്ള ചിത്രങ്ങൾക്ക് വേണ്ടി സൃഷ്ടിക്കപ്പെട്ടിട്ടുണ്ട്.
വെബ് ഡെലിവറിക്കായി ചിത്രങ്ങൾ തയ്യാറെടുക്കുന്നു
ഏതൊക്കെ ഇമേജ് ഫോർമാറ്റാണ് ഉപയോഗിക്കുന്നത് എന്നതിനെക്കുറിച്ചും, കൂടാതെ എല്ലാ വെബ്സൈറ്റുകളിലുമുള്ള വ്യത്യസ്ത ഫോർമാറ്റുകൾ ഉപയോഗിക്കാൻ നിങ്ങളുടെ വെബ്സൈറ്റ് ഉറപ്പുവരുത്തുന്നു, ആ സൈറ്റിലെ എല്ലാ ചിത്രങ്ങളും വെബ് ഡെലിവറിക്ക് വേണ്ടി തയ്യാറാക്കേണ്ടതുണ്ട് . വളരെയധികം ചിത്രങ്ങൾ ഒരു സൈറ്റ് സാവധാനത്തിൽ പ്രവർത്തിപ്പിക്കുന്നതിനും മൊത്തത്തിലുള്ള പ്രകടനത്തെ ബാധിക്കുന്നതിനും കാരണമാകുന്നു. ഇതിനെ നേരിടാൻ, ആ നിലവാര നിലവാരത്തിൽ ഉയർന്ന നിലവാരവും ഏറ്റവും കുറഞ്ഞ ഫയൽ വലുപ്പവും തമ്മിലുള്ള ബാലൻസ് കണ്ടെത്താനായി ആ ചിത്രങ്ങൾ ഒപ്റ്റിമൈസ് ചെയ്യണം .
ശരിയായ ഇമേജുകളുടെ ഫോർമാറ്റ് തെരഞ്ഞെടുക്കുന്നത് യുദ്ധത്തിന്റെ ഭാഗമാണ്, കൂടാതെ നിങ്ങൾ തയ്യാറാക്കിയ ഫയലുകളും ഈ പ്രധാന വെബ് ഡെലിവറി പ്രക്രിയയുടെ അടുത്ത ഘട്ടമാണെന്ന് ഉറപ്പുവരുത്തുക.
ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം എഡിറ്റുചെയ്ത ജെറിമി ഗിർാർഡ്.