സൗജന്യ കൺവെർട്ടർ

പിഎൻജി വരെ SVG വെക്‌ടറൈസർ

റാസ്റ്റർ PNG/JPG ഇമേജുകൾ സ്കെയിലബിൾ വെക്റ്റർ SVG ഗ്രാഫിക്സിലേക്ക് പരിവർത്തനം ചെയ്യുക. സുരക്ഷിതവും വേഗതയേറിയതും പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിനുള്ളിൽ തന്നെ പ്രോസസ്സ് ചെയ്യുന്നതും.

ഇവിടെ PNG/JPG വലിച്ചിടുക

50MB വരെ പിന്തുണയ്ക്കുന്നു

അല്ലെങ്കിൽ

ഈ ടൂളിനെ കുറിച്ച്

PNG ലേക്ക് SVG ലേക്ക് പരിവർത്തനം ചെയ്യുന്നത് അടിസ്ഥാനപരമായി ഒരു ട്രെയ്സിംഗ് പ്രവർത്തനമാണ്, ഫോർമാറ്റ് മാറ്റമല്ല. PNG പിക്സലുകൾ സംഭരിക്കുന്നു; SVG ജ്യാമിതീയ പ്രാകൃതങ്ങൾ സംഭരിക്കുന്നു. ഒരു പിക്സൽ ഗ്രിഡിൽ നിന്ന് സ്കേലബിൾ വെക്റ്റർ പാതകളിലേക്ക് പോകുന്നതിന് ബിറ്റ്മാപ്പ് വ്യാഖ്യാനിക്കുകയും സമാന നിറമുള്ള പ്രദേശങ്ങൾക്ക് ചുറ്റും ഏകദേശ രൂപങ്ങൾ വരയ്ക്കുകയും ചെയ്യേണ്ടതുണ്ട്. ഫലം യഥാർത്ഥമായി അളക്കാവുന്നതാണ് - നിങ്ങൾക്ക് പിക്സലേഷൻ ഇല്ലാതെ സ്വതന്ത്രമായി വലുപ്പം മാറ്റാൻ കഴിയും - എന്നാൽ ഇത് ഉറവിടത്തിൻ്റെ പൂർണ്ണമായ പുനർനിർമ്മാണമല്ല. ഫോട്ടോഗ്രാഫിക് ഉള്ളടക്കം മോശമായി രേഖപ്പെടുത്തുന്നു, കാരണം ഓരോ പിക്സൽ-ലെവൽ വർണ്ണ വ്യതിയാനവും ഒരു ആകൃതിയായി മാറുന്നു, ഇത് ലക്ഷ്യത്തെ പരാജയപ്പെടുത്തുന്ന വലിയ SVG-കൾ നിർമ്മിക്കുന്നു. ലോഗോകൾ, ഐക്കണുകൾ, ലൈൻ ആർട്ട്, ഉയർന്ന കോൺട്രാസ്റ്റ് ഗ്രാഫിക്സ് എന്നിവ വൃത്തിയായി കണ്ടെത്തുന്നു, കാരണം അവയ്ക്ക് നന്നായി നിർവചിക്കപ്പെട്ട അതിരുകളുള്ള വർണ്ണ മേഖലകൾ കുറവാണ്.

ഈ കൺവെർട്ടർ, പോട്രേസിന് സമാനമായ വെക്റ്റർ-ട്രേസിംഗ് അൽഗോരിതങ്ങളുടെ ജാവാസ്ക്രിപ്റ്റ് പോർട്ട് ആയ imagetracerjs ലൈബ്രറി ഉപയോഗിക്കുന്നു. PNG ഒരു RGBA ബിറ്റ്‌മാപ്പിലേക്ക് ഡീകോഡ് ചെയ്‌തു, കോൺഫിഗർ ചെയ്യാവുന്ന പാലറ്റ് ഉപയോഗിച്ച് ബിറ്റ്‌മാപ്പ് വർണ്ണ മേഖലകളായി തിരിച്ചിരിക്കുന്നു, ഓരോ പ്രദേശത്തിൻ്റെയും അതിരുകൾ ഒരു പാതയിലേക്ക് കണ്ടെത്തുന്നു, ബെസിയർ ഏകദേശം ഉപയോഗിച്ച് പാതകൾ ലളിതമാക്കുന്നു, തത്ഫലമായുണ്ടാകുന്ന പാതകൾ SVG പാത്ത് ഘടകങ്ങളായി പുറപ്പെടുവിക്കുന്നു. സെർവർ അപ്‌ലോഡ് ചെയ്യാതെ മുഴുവൻ പൈപ്പ്‌ലൈനും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു.

ട്രേസിംഗ് പാരാമീറ്ററുകൾ വിശ്വാസ്യതയും ഫയൽ വലുപ്പവും തമ്മിലുള്ള വ്യാപാരം നിയന്ത്രിക്കുന്നു. കൂടുതൽ നിറങ്ങളും സൂക്ഷ്മമായ വിശദാംശങ്ങളും ഉറവിടവുമായി കൂടുതൽ പൊരുത്തപ്പെടുന്ന ഒരു വലിയ SVG നിർമ്മിക്കുന്നു; കുറച്ച് നിറങ്ങളും പരുക്കൻ ട്രെയ്‌സിംഗും കൂടുതൽ ശൈലിയിലുള്ള ഒരു ചെറിയ SVG ഉണ്ടാക്കുന്നു. ലോഗോകൾക്കും ഐക്കണുകൾക്കുമായി ഡിഫോൾട്ടുകൾ ട്യൂൺ ചെയ്‌തിരിക്കുന്നു; സങ്കീർണ്ണമായ ചിത്രങ്ങൾ ക്രമീകരിച്ച ക്രമീകരണങ്ങളുള്ള ഒരു ട്രെയ്‌സിംഗ് പാസിൽ നിന്ന് പ്രയോജനം നേടിയേക്കാം, അല്ലെങ്കിൽ വെക്‌ടറൈസേഷനുള്ള നല്ല കാൻഡിഡേറ്റുകളായിരിക്കില്ല.

എന്തിനാണ് PNG ലേക്ക് SVG ആയി പരിവർത്തനം ചെയ്യുന്നത്

ഇമേജ് അതിൻ്റെ യഥാർത്ഥ റെസല്യൂഷനേക്കാൾ സ്കെയിൽ ചെയ്യേണ്ടിവരുമ്പോൾ ഒരു PNG വെക്‌ടറൈസ് ചെയ്യുന്നത് ഏറ്റവും ഉപയോഗപ്രദമാണ്. പ്രത്യേകിച്ച് ലോഗോകൾ മിതമായ വലിപ്പത്തിൽ PNG ആയി എത്തുകയും ബിൽബോർഡുകൾ, റെറ്റിന ഡിസ്പ്ലേകൾ, വലിയ ഫോർമാറ്റ് പ്രിൻ്റുകൾ എന്നിവയിൽ മികച്ചതായി ദൃശ്യമാകുകയും വേണം. ഒരു വെക്റ്റർ ട്രെയ്സ് ഒരു SVG ഉത്പാദിപ്പിക്കുന്നു, അത് ഗുണമേന്മ നഷ്ടപ്പെടാതെ സ്കെയിൽ ചെയ്യുന്നു; യഥാർത്ഥ പിക്സലുകളോടുള്ള വിശ്വസ്തതയാണ് ഇടപാട്.

കുറച്ച് നിറങ്ങളും വലിയ പരന്ന പ്രദേശങ്ങളുമുള്ള ഗ്രാഫിക്‌സിനായി SVG PNG-യെക്കാൾ വളരെ ഒതുക്കമുള്ളതാണ്. 256×256 ലെ ഒരു PNG ഐക്കൺ 8 KB ആയിരിക്കാം; രണ്ടോ മൂന്നോ നിറങ്ങളുള്ള തത്തുല്യമായ SVG പലപ്പോഴും 1 KB-യിൽ താഴെയാണ്. ഒരു വെബ് ഫ്രണ്ട്എൻഡിലേയ്‌ക്ക് വിതരണം ചെയ്യുന്ന UI ഐക്കൺ ലൈബ്രറികൾക്ക്, വെക്‌റ്റർ പതിപ്പുകൾ ബണ്ടിലിൻ്റെ വലുപ്പം കുറയ്ക്കുകയും എല്ലാ ഡിസ്‌പ്ലേ സാന്ദ്രതയിലും മൂർച്ച കൂട്ടുകയും ചെയ്യുന്നു.

ഉപയോഗിക്കേണ്ട വിധം

ഒരു PNG ഡ്രോപ്പ് ചെയ്യുക, ട്രേസിംഗ് ക്രമീകരണങ്ങൾ തിരഞ്ഞെടുക്കുക, ഒരു SVG സൃഷ്ടിക്കുക.

  1. നിങ്ങളുടെ PNG അപ്‌ലോഡ് ചെയ്യുക: അപ്‌ലോഡ് ഏരിയയിലേക്ക് ഫയൽ വലിച്ചിടുക അല്ലെങ്കിൽ ബ്രൗസ് ചെയ്യാൻ ക്ലിക്ക് ചെയ്യുക. ലോഗോകൾ, ഐക്കണുകൾ, ലൈൻ ആർട്ട്, ലളിതമായ ചിത്രീകരണങ്ങൾ - മൂർച്ചയുള്ള അരികുകളും ചെറിയ എണ്ണം നിറങ്ങളുമുള്ള PNG-കളിൽ നിന്നാണ് മികച്ച ഫലങ്ങൾ ലഭിക്കുന്നത്. ഫോട്ടോഗ്രാഫുകൾ മോശമായി കണ്ടെത്തുകയും വലിയ SVG-കൾ നിർമ്മിക്കുകയും ചെയ്യുന്നു.
  2. ആവശ്യമെങ്കിൽ ട്രേസിംഗ് ഓപ്ഷനുകൾ ക്രമീകരിക്കുക: ഔട്ട്‌പുട്ടിൽ എത്ര വ്യത്യസ്ത നിറങ്ങൾ ദൃശ്യമാകുമെന്നത് നിറങ്ങളുടെ എണ്ണം നിയന്ത്രിക്കുന്നു. പാത്ത് ലളിതവൽക്കരണം (ltres അല്ലെങ്കിൽ qtres എന്നും അറിയപ്പെടുന്നു) അൽഗോരിതം എത്രത്തോളം ആക്രമണാത്മകമായി കോണുകളെ സുഗമമാക്കുന്നു എന്നത് നിയന്ത്രിക്കുന്നു. ഉയർന്ന പ്രിസിഷൻ എസ്‌വിജികൾ ഉറവിടത്തോട് അടുക്കുന്നു, എന്നാൽ കൂടുതൽ പാത്ത് ഡാറ്റ ഉപയോഗിച്ച്.
  3. ട്രെയ്‌സ്, പ്രിവ്യൂ: ഇമേജ് ട്രേസർജ് അൽഗോരിതം കളർ ക്വാണ്ടൈസേഷൻ, എഡ്ജ് ഡിറ്റക്ഷൻ, കോണ്ടൂർ ട്രെയ്‌സിംഗ്, ബെസിയർ ഫിറ്റിംഗ് എന്നിവയിലൂടെ പ്രവർത്തിക്കുന്നു. ചിത്രത്തിൻ്റെ വലുപ്പവും നിറങ്ങളുടെ എണ്ണവും ഉപയോഗിച്ച് ടൈം സ്കെയിലുകൾ കണ്ടെത്തുന്നു. 4 നിറങ്ങളുള്ള 256×256 ലോഗോ ഒരു സെക്കൻഡിൽ താഴെയുള്ള ട്രെയ്‌സ്; 16 നിറങ്ങളുള്ള 1024×1024 ചിത്രത്തിന് കുറച്ച് സെക്കൻ്റുകൾ എടുത്തേക്കാം.
  4. SVG ഡൗൺലോഡ് ചെയ്യുക: നിങ്ങളുടെ ഉപകരണത്തിൽ SVG സംരക്ഷിക്കുക. ഫയലിൽ പാത്ത് ഘടകങ്ങളുള്ള XML മാർക്ക്അപ്പ് അടങ്ങിയിരിക്കുന്നു; ഫലം പരിശോധിക്കുന്നതിനോ കൈകൊണ്ട് ട്യൂൺ ചെയ്യുന്നതിനോ നിങ്ങൾക്കത് ഏത് ടെക്സ്റ്റ് എഡിറ്ററിലും തുറക്കാനാകും.

സാധാരണ ഉപയോഗ കേസുകൾ

സാങ്കേതിക വിശദാംശങ്ങൾ

imagetracerjs ഒരു മൾട്ടി-സ്റ്റേജ് പൈപ്പ്ലൈൻ നടപ്പിലാക്കുന്നു: k-means clustering അല്ലെങ്കിൽ median cut ഉപയോഗിച്ച് കളർ ക്വാണ്ടൈസേഷൻ ഒരു നിശ്ചിത എണ്ണം നിറങ്ങളിലേക്ക് ബിറ്റ്മാപ്പിനെ കുറയ്ക്കുന്നു; എഡ്ജ് ഡിറ്റക്ഷൻ പ്രദേശങ്ങൾ തമ്മിലുള്ള പിക്സൽ അതിരുകൾ തിരിച്ചറിയുന്നു; അടഞ്ഞ ബഹുഭുജങ്ങൾ നിർമ്മിക്കുന്നതിന് കോണ്ടൂർ ട്രേസിംഗ് അതിരുകൾ പിന്തുടരുന്നു; ലൈൻ-ആൻഡ്-കർവ് ഫിറ്റിംഗ് പാത്ത് ഡാറ്റ കുറയ്ക്കുന്നതിന് ബെസിയർ കർവുകളുള്ള പോളിഗോണുകളെ ഏകദേശമാക്കുന്നു.

വർണ്ണങ്ങളുടെ എണ്ണം (സാധാരണ: 4–32), പാത്തോമിറ്റ് (ഇത്രയും പിക്സലുകളേക്കാൾ ചെറിയ പാതകൾ നോയിസ് ആയി നിരസിക്കപ്പെടും), ltres (ലൈൻ ടോളറൻസ് - ഒരു പുതിയ സെഗ്‌മെൻ്റായി വിഭജിക്കുന്നതിന് മുമ്പ് ഒരു എഡ്ജ് എത്രത്തോളം വ്യതിചലിക്കും), കൂടാതെ qtres (ചതുരാകൃതിയിലുള്ള കർവ് സഹിഷ്ണുത - എങ്ങനെ ആക്രമണാത്മകമായി സുഗമമാണ്) എന്നിവയാണ് ഏറ്റവും പ്രധാനപ്പെട്ട അൽഗോരിതം പാരാമീറ്ററുകൾ. ലോഗോകൾക്ക് ഡിഫോൾട്ടുകൾ നന്നായി പ്രവർത്തിക്കുന്നു; സങ്കീർണ്ണമായ ചിത്രങ്ങൾ ഓരോ ഇമേജ് ട്യൂണിംഗിൽ നിന്നും പ്രയോജനം നേടുന്നു.

പാത്ത് ഘടകങ്ങളുള്ള സ്റ്റാൻഡേർഡ് SVG 1.1 ആണ് ഔട്ട്പുട്ട്. ഓരോ വർണ്ണ മേഖലയും ഒരു ഫിൽ ആട്രിബ്യൂട്ട് ഉള്ള ഒരു പാതയായി മാറുന്നു. തത്ഫലമായുണ്ടാകുന്ന ഫയൽ ഏതെങ്കിലും ബ്രൗസറിലോ വെക്റ്റർ എഡിറ്ററിലോ SVG-അവെയർ ഡിസൈൻ ടൂളിലോ തുറക്കുന്നു. ഫയലിൻ്റെ വലുപ്പം പ്രധാനമായും പാതയുടെ എണ്ണത്തെയും നോഡ് സാന്ദ്രതയെയും ആശ്രയിച്ചിരിക്കുന്നു; ഒരു സാധാരണ കണ്ടുപിടിച്ച ലോഗോ 1-10 KB ആണ്.

മികച്ച സമ്പ്രദായങ്ങൾ

പതിവ് ചോദ്യങ്ങള്

SVG ഔട്ട്പുട്ട് ഒരു യഥാർത്ഥ വെക്റ്റർ ഫയലായിരിക്കുമോ?
വെക്‌റ്റർ പാത്തുകൾ സൃഷ്‌ടിക്കാൻ ടൂൾ റാസ്റ്റർ ഇമേജ് ട്രെയ്‌സ് ചെയ്യുന്നു. ലളിതമായ ഗ്രാഫിക്സ്, ലോഗോകൾ, ലൈൻ ആർട്ട് എന്നിവ ഉപയോഗിച്ച് ഫലങ്ങൾ മികച്ച രീതിയിൽ പ്രവർത്തിക്കുന്നു. ഫോട്ടോഗ്രാഫുകൾ സങ്കീർണ്ണമായ പാതകൾ സൃഷ്ടിക്കും, പ്രതീക്ഷിച്ചതുപോലെ കാണപ്പെടണമെന്നില്ല.
SVG-യെ മറ്റ് ഇമേജ് ഫോർമാറ്റുകളിൽ നിന്ന് വ്യത്യസ്തമാക്കുന്നത് എന്താണ്?
SVG ഒരു വെക്റ്റർ ഫോർമാറ്റാണ് - ചിത്രങ്ങളെ പിക്സലുകളേക്കാൾ ഗണിതശാസ്ത്ര രൂപങ്ങൾ എന്നാണ് വിവരിക്കുന്നത്. SVG ഫയലുകൾ ഗുണനിലവാരം നഷ്‌ടപ്പെടാതെ ഏത് വലുപ്പത്തിലേക്കും സ്കെയിൽ ചെയ്യുന്നു എന്നാണ് ഇതിനർത്ഥം, കൂടാതെ ലോഗോകളും ഐക്കണുകളും പോലുള്ള ഗ്രാഫിക്കുകൾക്കായുള്ള റാസ്റ്റർ ചിത്രങ്ങളേക്കാൾ അവ വളരെ ചെറുതാണ്.
അറിഞ്ഞിരിക്കേണ്ട എന്തെങ്കിലും പരിമിതികൾ ഉണ്ടോ?
50MB വരെയുള്ള ഫയലുകൾ പിന്തുണയ്ക്കുന്നു. വളരെ വലുതോ സങ്കീർണ്ണമോ ആയ ഫയലുകൾ പ്രോസസ്സ് ചെയ്യാൻ കൂടുതൽ സമയമെടുത്തേക്കാം. എല്ലാ പരിവർത്തനങ്ങളും നിങ്ങളുടെ ബ്രൗസറിൽ നടക്കുന്നു, അതിനാൽ പ്രോസസ്സിംഗ് വേഗത നിങ്ങളുടെ ഉപകരണത്തെ ആശ്രയിച്ചിരിക്കുന്നു.
പരിവർത്തന സമയത്ത് എൻ്റെ ചിത്രങ്ങൾ സ്വകാര്യമായി സൂക്ഷിക്കുന്നുണ്ടോ?
അതെ. ക്യാൻവാസ് API, JavaScript എന്നിവ ഉപയോഗിച്ച് നിങ്ങളുടെ PNG ഫയലുകൾ പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിലാണ് പ്രോസസ്സ് ചെയ്യുന്നത്. ഒരു സെർവറിലേക്കും ഒന്നും അപ്‌ലോഡ് ചെയ്യപ്പെടുന്നില്ല - ഫയൽ നിങ്ങളുടെ ഉപകരണത്തിൽ നിന്ന് നേരിട്ട് കൺവെർട്ടറിലേക്കും തിരികെ നിങ്ങളുടെ ഉപകരണത്തിലേക്കും പോകുന്നു.
ഇല്ലസ്ട്രേറ്ററിലോ ഇങ്ക്‌സ്‌കേപ്പിലോ ട്രേസ് എഡിറ്റ് ചെയ്യാനാകുമോ?
അതെ. പാത്ത് ഘടകങ്ങളുള്ള സ്റ്റാൻഡേർഡ് SVG ആണ് ഔട്ട്പുട്ട്. ഇല്ലസ്ട്രേറ്ററും ഇങ്ക്‌സ്‌കേപ്പും ഇത് നേറ്റീവ് ആയി തുറക്കുകയും പാതകൾ എഡിറ്റ് ചെയ്യാനും നിറങ്ങൾ മാറ്റാനും ഫലം പരിഷ്കരിക്കാനും നിങ്ങളെ അനുവദിക്കുന്നു.
എൻ്റെ PNG ഒരു സെർവറിലേക്ക് അപ്‌ലോഡ് ചെയ്‌തിട്ടുണ്ടോ?
ഇല്ല. ഇമേജ് ട്രേസർജുകൾ ഉപയോഗിച്ച് നിങ്ങളുടെ ബ്രൗസറിൽ ട്രെയ്‌സിംഗ് നടക്കുന്നു. ഫയൽ നിങ്ങളുടെ ഉപകരണത്തിൽ നിന്ന് പുറത്തുപോകില്ല.
എന്തുകൊണ്ട് എൻ്റെ SVG ഫയൽ വളരെ വലുതാണ്?
സാധാരണയായി ഉറവിട ചിത്രത്തിന് വളരെയധികം നിറങ്ങളോ വളരെ സൂക്ഷ്മമായ വിശദാംശങ്ങളോ ഉള്ളതിനാൽ. വർണ്ണങ്ങളുടെ എണ്ണം കുറയ്ക്കുക, പാത ലളിതമാക്കുക, അല്ലെങ്കിൽ ക്ലീനർ ജ്യാമിതി ഉപയോഗിച്ച് മറ്റൊരു ഉറവിട ചിത്രം ഉപയോഗിക്കുക.
എനിക്ക് സുതാര്യതയോടെ ഒരു PNG കണ്ടെത്താൻ കഴിയുമോ?
അതെ. സുതാര്യമായ പിക്സലുകൾ SVG-യിൽ പാതകളില്ലാത്ത മേഖലകളായി മാറുന്നു. ഏതെങ്കിലും പശ്ചാത്തല നിറത്തിൽ SVG റെൻഡർ ചെയ്യുമ്പോൾ സുതാര്യമായ പശ്ചാത്തലം സംരക്ഷിക്കപ്പെടും.