ഈ ടൂളിനെ കുറിച്ച്
വെബ് ഇമേജ് ഡെലിവറിക്ക് വേണ്ടിയുള്ള ഏറ്റവും ഫലപ്രദമായ ഒറ്റ ഒപ്റ്റിമൈസേഷനുകളിൽ ഒന്നാണ് പിഎൻജിയെ വെബ്പിയിലേക്ക് പരിവർത്തനം ചെയ്യുന്നത്. നഷ്ടരഹിതമായ കംപ്രഷൻ ഉപയോഗിച്ച് എൻകോഡ് ചെയ്തിരിക്കുന്ന വെബ്പി സാധാരണഗതിയിൽ തത്തുല്യമായ പിഎൻജിയേക്കാൾ 25% ചെറിയ ഫയലുകൾ ഉത്പാദിപ്പിക്കുന്നു. സ്ഥിര നിലവാരത്തിലുള്ള നഷ്ടമായ വെബ്പി പലപ്പോഴും ഫോട്ടോഗ്രാഫിക് പിഎൻജികളെ 60-80% വരെ ചുരുക്കുന്നു. ധാരാളം ഇമേജുകൾ നൽകുന്ന സൈറ്റുകൾക്ക് - ഇ-കൊമേഴ്സ്, ബ്ലോഗുകൾ, ഡോക്യുമെൻ്റേഷൻ, ഇമേജ്-ഹെവി സിംഗിൾ-പേജ് ആപ്പുകൾ - WebP ഡെലിവറിയിലേക്ക് മാറുന്നത് അളക്കാവുന്ന വേഗതയും ബാൻഡ്വിഡ്ത്ത് വിജയവുമാണ്.
എല്ലാ ആധുനിക ബ്രൗസറുകളിലും canvas.toBlob('image/webp') വഴി ലഭ്യമാകുന്ന അന്തർനിർമ്മിത ഇമേജ് എൻകോഡർ ഉപയോഗിച്ച് ഈ കൺവെർട്ടർ നിങ്ങളുടെ ബ്രൗസറിൽ വെബ്പിയെ പ്രാദേശികമായി എൻകോഡ് ചെയ്യുന്നു. PNG ഒരു ക്യാൻവാസിലേക്ക് ഡീകോഡ് ചെയ്തു, തുടർന്ന് തിരഞ്ഞെടുത്ത ഗുണനിലവാര തലത്തിൽ WebP ആയി വീണ്ടും എൻകോഡ് ചെയ്യുന്നു. അപ്ലോഡ് ഇല്ല, സെർവർ സൈഡ് പ്രോസസ്സിംഗ് ഇല്ല, ഫയൽ നിലനിർത്തൽ ഇല്ല.
നഷ്ടപ്പെടാത്തതും നഷ്ടമായതുമായ വെബ്പി തിരഞ്ഞെടുക്കുന്നത് ഉള്ളടക്കത്തെ ആശ്രയിച്ചിരിക്കുന്നു. ഫോട്ടോഗ്രാഫുകൾക്കും സങ്കീർണ്ണമായ വർണ്ണ ചിത്രങ്ങൾക്കും, 75-85 നിലവാരത്തിലുള്ള നഷ്ടമായ വെബ്പി, ഫയൽ വലുപ്പം പകുതിയായി കുറയ്ക്കുമ്പോൾ ഉറവിടത്തിൽ നിന്ന് വേർതിരിച്ചറിയാൻ കഴിയില്ല. UI സ്ക്രീൻഷോട്ടുകൾ, ലോഗോകൾ, ഡയഗ്രമുകൾ, മൂർച്ചയുള്ള അരികുകളോ ടെക്സ്റ്റോ ഉള്ള ഏതൊരു ചിത്രത്തിനും, ആർട്ടിഫാക്റ്റുകളില്ലാതെ നഷ്ടരഹിതമായ WebP വിശദാംശങ്ങൾ സംരക്ഷിക്കുന്നു.
എന്തുകൊണ്ടാണ് PNG ലേക്ക് WebP ലേക്ക് പരിവർത്തനം ചെയ്യുന്നത്
WebP ഒരു കാരണത്താൽ നിലവിലുണ്ട്: തുല്യ നിലവാരത്തിലുള്ള ചെറിയ ഫയലുകൾ. ആധുനിക വെബ്സൈറ്റുകൾക്ക് ഇത് പ്രധാനമാണ്, കാരണം പേജ് ഭാരം ലോഡ് സമയം, മൊബൈൽ ഡാറ്റ ഉപയോഗം, തിരയൽ റാങ്കിംഗിനെ സ്വാധീനിക്കുന്ന കോർ വെബ് വൈറ്റൽ സ്കോറുകൾ എന്നിവയെ നേരിട്ട് ബാധിക്കുന്നു. വെബ്പി ഉപയോഗിച്ച് PNG-കൾ മാറ്റിസ്ഥാപിക്കുന്നത് പതിവായി 25-80% വലുപ്പം കുറയ്ക്കുന്നു, ഇത് വേഗത്തിലുള്ള പേജുകളിലേക്ക് നേരിട്ട് വിവർത്തനം ചെയ്യുന്നു.
Chrome, Firefox, Safari, Edge എന്നിവയുടെ നിലവിലെ പതിപ്പുകളിൽ ബ്രൗസർ പിന്തുണ സാർവത്രികമാണ്. 2020 മുതൽ ഫോർമാറ്റ് ബേസ്ലൈൻ-പിന്തുണയുള്ളതാണ്. മിക്ക പ്രൊഡക്ഷൻ സൈറ്റുകൾക്കും, പഴയ ബ്രൗസറുകൾക്ക് PNG ഫോൾബാക്ക് ഉപയോഗിച്ച് WebP നൽകുന്നത് അനാവശ്യമാണ്; 95%+ സന്ദർശകർക്ക് നേരിട്ടുള്ള WebP ഡെലിവറി പ്രവർത്തിക്കുന്നു. ഓരോ പേജ് കാഴ്ചയിലും പണം തിരികെ നൽകുന്ന ഒറ്റത്തവണ ഘട്ടമാണ് പരിവർത്തനം.
ഉപയോഗിക്കേണ്ട വിധം
PNG ഡ്രോപ്പ് ചെയ്യുക, ഗുണനിലവാരം തിരഞ്ഞെടുക്കുക, എൻകോഡ് ചെയ്യുക. മുഴുവൻ പൈപ്പ്ലൈനും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു.
- നിങ്ങളുടെ PNG അപ്ലോഡ് ചെയ്യുക: അപ്ലോഡ് ഏരിയയിലേക്ക് ഫയൽ വലിച്ചിടുക അല്ലെങ്കിൽ ബ്രൗസ് ചെയ്യാൻ ക്ലിക്ക് ചെയ്യുക. 50 MB വരെയുള്ള ഫയലുകൾ സ്വീകരിക്കും. മൾട്ടി-ഇമേജ് ബാച്ച് പരിവർത്തനം പിന്തുണയ്ക്കുന്നു.
- ഗുണനിലവാരം തിരഞ്ഞെടുക്കുക: ഡിഫോൾട്ട് 85 ആണ്, ഇത് ഫോട്ടോഗ്രാഫിക് ഉള്ളടക്കത്തിന് നല്ല നഷ്ടമായ ബാലൻസ് ആണ്. നഷ്ടമില്ലാത്ത വെബ്പിക്ക് 100 ഉപയോഗിക്കുക — പിക്സൽ പെർഫെക്റ്റ്, പിഎൻജിയേക്കാൾ ചെറുത്. ഫോട്ടോഗ്രാഫിക് ഉള്ളടക്കത്തിൽ ആക്രമണാത്മക വലുപ്പം കുറയ്ക്കുന്നതിന് 60-75 ഉപയോഗിക്കുക.
- പരിവർത്തനം ചെയ്യുക: ബ്രൗസർ PNG ഒരു ക്യാൻവാസിലേക്ക് ഡീകോഡ് ചെയ്യുകയും canvas.toBlob('image/webp', quality / 100) എന്ന് വിളിക്കുകയും ചെയ്യുന്നു. എൻകോഡർ ബ്രൗസർ പ്രക്രിയയിൽ പ്രവർത്തിക്കുന്നു - സെർവർ റൗണ്ട് ട്രിപ്പ് ഇല്ല.
- ഡൗൺലോഡ് ചെയ്യുക: WebP ഫയൽ സംരക്ഷിക്കുക. ഔട്ട്പുട്ട് ഫയൽനാമം ഒരു .webp വിപുലീകരണത്തോടുകൂടിയ ഉറവിട PNG നാമം ഉപയോഗിക്കുന്നു. ചെറിയ ഫയൽ സെർവ് ചെയ്യാൻ തുടങ്ങാൻ നിങ്ങളുടെ HTML അല്ലെങ്കിൽ CMS-ലെ PNG റഫറൻസുകൾ മാറ്റിസ്ഥാപിക്കുക.
സാങ്കേതിക വിശദാംശങ്ങൾ
WebP ലോസി എൻകോഡിംഗിനായി VP8 ഉം നഷ്ടമില്ലാത്തതിന് VP8L ഉം ഉപയോഗിക്കുന്നു. ലോസി വെബ്പി ബ്ലോക്ക് അധിഷ്ഠിത പ്രവചനം (അയൽ ബ്ലോക്കുകളിൽ നിന്നുള്ള ഇൻട്രാ-ഫ്രെയിം കോഡിംഗ്), ഡിസിടി പോലുള്ള രൂപാന്തരങ്ങൾ (4×4, വാൽഷ്-ഹദാമർഡ്), ഗണിത കോഡിംഗ്, ഒരു സങ്കീർണ്ണമായ ലൂപ്പ് ഫിൽട്ടർ എന്നിവ പ്രയോഗിക്കുന്നു. ഫലം JPEG-യുടെ പഴയ 8×8 DCT പ്ലസ് ഹഫ്മാൻ സമീപനത്തേക്കാൾ കാര്യക്ഷമമാണ്.
Losless WebP LZ77 ബാക്ക് റഫറൻസുകളെ നിരവധി ഓപ്ഷണൽ പ്രെഡിക്റ്റീവ് പരിവർത്തനങ്ങളുമായി സംയോജിപ്പിക്കുന്നു (പച്ച, കളർ കാഷെ, പ്രവചനം, വർണ്ണ രൂപാന്തരം കുറയ്ക്കുക). ആവർത്തിച്ചുള്ള പാറ്റേണുകളോ വലിയ ഫ്ലാറ്റ് ഏരിയകളോ ഉള്ള ഇമേജുകൾക്ക് - യുഐ മോക്കപ്പുകൾ, ഐക്കണുകൾ, ഡയഗ്രമുകൾ - പിഎൻജിയ്ക്കെതിരായ സമ്പാദ്യം 50% കവിഞ്ഞേക്കാം.
ബ്രൗസറിൻ്റെ എൻകോഡർ ഗുണനിലവാര പാരാമീറ്റർ (0–100) ആന്തരിക VP8 ക്വാണ്ടൈസേഷൻ ലെവലുകളിലേക്ക് മാപ്പ് ചെയ്യുന്നു. മിക്ക ബ്രൗസർ നടപ്പിലാക്കലുകളിലും ക്വാളിറ്റി 100 ലോസ്ലെസ് മോഡ് ട്രിഗർ ചെയ്യുന്നു. VP8 ന് കൂടുതൽ കാര്യക്ഷമമായ എൻട്രോപ്പി കോഡിംഗ് ഉള്ളതിനാൽ എൻകോഡിംഗ് വേഗത തുല്യമായ PNG എൻകോഡിംഗിനേക്കാൾ വേഗത്തിലാണ്.
പതിവ് ചോദ്യങ്ങള്
- PNG-ലേക്ക് WEBP-ലേക്ക് പരിവർത്തനം ചെയ്യുമ്പോൾ എനിക്ക് ചിത്രത്തിൻ്റെ ഗുണനിലവാരം നഷ്ടപ്പെടുമോ?
- WEBP ലോസിയും ലോസ്ലെസ്സും ഉപയോഗിക്കുന്നു. ഗുണനിലവാരത്തിൽ നേരിയ കുറവ് നിങ്ങൾ കണ്ടേക്കാം, എന്നാൽ മിക്ക ആവശ്യങ്ങൾക്കും വ്യത്യാസം നിസ്സാരമാണ്. എന്തെങ്കിലും നഷ്ടം കുറയ്ക്കാൻ ലഭ്യമാണെങ്കിൽ ഉയർന്ന നിലവാരമുള്ള ക്രമീകരണം തിരഞ്ഞെടുക്കുക.
- WebP ഫോർമാറ്റിൻ്റെ ഗുണങ്ങൾ എന്തൊക്കെയാണ്?
- WebP സാധാരണയായി JPG, PNG എന്നിവയേക്കാൾ 25-35% ചെറിയ ഫയലുകൾ തുല്യ നിലവാരത്തിൽ നിർമ്മിക്കുന്നു. ഇത് നഷ്ടവും നഷ്ടമില്ലാത്തതുമായ കംപ്രഷൻ, സുതാര്യത, ആനിമേഷൻ എന്നിവയെ പിന്തുണയ്ക്കുന്നു. എല്ലാ ആധുനിക ബ്രൗസറുകളും WebP പിന്തുണയ്ക്കുന്നു.
- എനിക്ക് ആനിമേറ്റഡ് PNG ഫയലുകൾ പരിവർത്തനം ചെയ്യാൻ കഴിയുമോ?
- ഈ ഉപകരണം സ്റ്റാറ്റിക് ഇമേജുകൾ പരിവർത്തനം ചെയ്യുന്നു. ആനിമേറ്റഡ് ഉള്ളടക്കത്തിന്, നിങ്ങൾക്ക് ഒരു പ്രത്യേക ആനിമേഷൻ കൺവെർട്ടർ ആവശ്യമാണ്.
- പരിവർത്തന സമയത്ത് എൻ്റെ ചിത്രങ്ങൾ സ്വകാര്യമായി സൂക്ഷിക്കുന്നുണ്ടോ?
- അതെ. ക്യാൻവാസ് API, JavaScript എന്നിവ ഉപയോഗിച്ച് നിങ്ങളുടെ PNG ഫയലുകൾ പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിലാണ് പ്രോസസ്സ് ചെയ്യുന്നത്. ഒരു സെർവറിലേക്കും ഒന്നും അപ്ലോഡ് ചെയ്യപ്പെടുന്നില്ല - ഫയൽ നിങ്ങളുടെ ഉപകരണത്തിൽ നിന്ന് നേരിട്ട് കൺവെർട്ടറിലേക്കും തിരികെ നിങ്ങളുടെ ഉപകരണത്തിലേക്കും പോകുന്നു.
- എൻ്റെ PNG ഒരു സെർവറിലേക്ക് അപ്ലോഡ് ചെയ്തിട്ടുണ്ടോ?
- ഇല്ല. ക്യാൻവാസ് എപിഐയും ബ്രൗസറിൻ്റെ ബിൽറ്റ്-ഇൻ വെബ്പി എൻകോഡറും ഉപയോഗിച്ച് നിങ്ങളുടെ ബ്രൗസറിൽ പരിവർത്തനം പ്രവർത്തിക്കുന്നു. ഫയലുകൾ നിങ്ങളുടെ ഉപകരണത്തിൽ നിന്ന് പുറത്തുപോകില്ല.
- എനിക്ക് ഒരേസമയം ഒന്നിലധികം PNG-കൾ പരിവർത്തനം ചെയ്യാൻ കഴിയുമോ?
- അതെ. അപ്ലോഡ് ഏരിയയിലേക്ക് ഒന്നിലധികം ഫയലുകൾ വലിച്ചിടുക; ഓരോന്നും വ്യക്തിഗതമായി എൻകോഡ് ചെയ്യുകയും ഒരു പ്രത്യേക WebP ആയി ഡൗൺലോഡ് ചെയ്യുകയും ചെയ്യുന്നു. വളരെ വലിയ ബാച്ചുകൾക്ക്, cwebp അല്ലെങ്കിൽ ഷാർപ്പ് പോലുള്ള ഒരു ഡെസ്ക്ടോപ്പ് ടൂൾ കൂടുതൽ കാര്യക്ഷമമാണ്.
- എന്തുകൊണ്ടാണ് വെബ്പി പിഎൻജിയേക്കാൾ മികച്ച കംപ്രഷൻ നൽകുന്നത്?
- WebP അത്യാധുനിക പ്രവചനവും എൻട്രോപ്പി കോഡിംഗും ഉള്ള VP8/VP8L എൻകോഡിംഗ് ഉപയോഗിക്കുന്നു, അതേസമയം PNG DEFLATE ഉപയോഗിക്കുന്നു - ഇമേജ് ഡാറ്റയ്ക്കായി പ്രത്യേകമായി ട്യൂൺ ചെയ്യാത്ത ഒരു പഴയ പൊതു-ഉദ്ദേശ്യ അൽഗോരിതം. വെബ്പിയുടെ ലോസ്ലെസ് മോഡ് പിഎൻജിയുടെ ഓരോ സ്കാൻലൈൻ ഫിൽട്ടറുകളേക്കാൾ കൂടുതൽ പ്രവചനാത്മക പരിവർത്തനങ്ങൾ വാഗ്ദാനം ചെയ്യുന്നു.
- WebP ആനിമേഷനെ പിന്തുണയ്ക്കുന്നുണ്ടോ?
- അതെ, WebP GIF അല്ലെങ്കിൽ APNG പോലെയുള്ള ആനിമേഷനെ പിന്തുണയ്ക്കുന്നു. ഈ കൺവെർട്ടർ നിശ്ചല ചിത്രങ്ങൾ മാത്രം കൈകാര്യം ചെയ്യുന്നു; ആനിമേറ്റുചെയ്ത PNG (APNG) ലേക്ക് ആനിമേറ്റുചെയ്ത WebP-യ്ക്ക്, മറ്റൊരു പരിവർത്തന പാത ആവശ്യമാണ്.