Vector SVG ഫയലുകൾ ഉയർന്ന നിലവാരമുള്ള റാസ്റ്റർ PNG ചിത്രങ്ങളിലേക്ക് പരിവർത്തനം ചെയ്യുക. നിങ്ങളുടെ ബ്രൗസറിൽ എളുപ്പത്തിൽ ഔട്ട്പുട്ട് സ്കെയിലും പശ്ചാത്തല നിറവും ഇഷ്ടാനുസൃതമാക്കുക.
50MB വരെ പിന്തുണയ്ക്കുന്നു
SVG (സ്കേലബിൾ വെക്റ്റർ ഗ്രാഫിക്സ്) ചിത്രങ്ങളെ വിവരിക്കുന്നത് ജ്യാമിതീയ പ്രാകൃതങ്ങളുടെ ഒരു കൂട്ടമാണ് - പാതകൾ, ആകൃതികൾ, ടെക്സ്റ്റ്, ഗ്രേഡിയൻ്റുകൾ - അത് ഗുണനിലവാരം നഷ്ടപ്പെടാതെ ഏത് വലുപ്പത്തിലേക്കും സ്കെയിൽ ചെയ്യുന്നു. PNG ഒരു ചതുരാകൃതിയിലുള്ള പിക്സൽ ഗ്രിഡ് ഒരു നിശ്ചിത റെസല്യൂഷനിൽ സംഭരിക്കുന്നു. എസ്വിജിയെ പിഎൻജിയിലേക്ക് പരിവർത്തനം ചെയ്യുന്നത് ഒരു റാസ്റ്ററൈസേഷൻ ഘട്ടമാണ്: എസ്വിജിയുടെ ഡ്രോയിംഗ് നിർദ്ദേശങ്ങൾ തിരഞ്ഞെടുത്ത പിക്സൽ വലുപ്പത്തിൽ വിലയിരുത്തുകയും തത്ഫലമായുണ്ടാകുന്ന ബിറ്റ്മാപ്പ് പിഎൻജി ആയി എൻകോഡ് ചെയ്യുകയും ചെയ്യുന്നു. നിങ്ങൾ വ്യക്തമാക്കിയ വലുപ്പത്തിൽ ഔട്ട്പുട്ട് മികച്ചതായി കാണപ്പെടുന്നു, എന്നാൽ സ്കെയിൽ അപ്പ് ചെയ്താൽ പിക്സലേറ്റുകൾ.
ബ്രൗസറിൻ്റെ ബിൽറ്റ്-ഇൻ SVG എഞ്ചിൻ ഉപയോഗിച്ച് ഈ കൺവെർട്ടർ SVG റെൻഡർ ചെയ്യുന്നു. SVG ഒരു ഇമേജ് എലമെൻ്റിലേക്ക് ലോഡുചെയ്ത്, തിരഞ്ഞെടുത്ത ഔട്ട്പുട്ട് അളവുകളിൽ ഒരു HTML5 ക്യാൻവാസിലേക്ക് വരച്ച്, canvas.toBlob വഴി PNG ആയി എക്സ്പോർട്ടുചെയ്യുന്നു. ബ്രൗസർ റാസ്റ്ററൈസേഷൻ ചെയ്യുന്നതിനാൽ, സങ്കീർണ്ണമായ SVG സവിശേഷതകൾ - ഗ്രേഡിയൻ്റുകൾ, ഫിൽട്ടറുകൾ, മാസ്ക്കുകൾ, ആനിമേഷനുകൾ ഒരു സ്റ്റാറ്റിക് ഫ്രെയിമായി - ഒരു യഥാർത്ഥ വെബ്പേജിൽ ചെയ്യുന്ന അതേ രീതിയിൽ റെൻഡർ ചെയ്യുന്നു.
SVG-to-PNG പരിവർത്തനത്തിലെ ഏറ്റവും പ്രധാനപ്പെട്ട തീരുമാനം ടാർഗെറ്റ് വലുപ്പമാണ്. SVG റെസല്യൂഷൻ-സ്വതന്ത്രമാണ്, അതിനാൽ യഥാർത്ഥ ഉപയോഗവുമായി പൊരുത്തപ്പെടുന്ന PNG വലുപ്പം തിരഞ്ഞെടുക്കുന്നത് ഓവർ പ്രൊവിഷനിംഗും (ലഘുചിത്ര വലുപ്പത്തിലുള്ള ഐക്കണുകൾക്കുള്ള വലിയ ഫയലുകൾ) അണ്ടർ പ്രൊവിഷനിംഗും ഒഴിവാക്കുന്നു (പിന്നീട് സ്കെയിൽ ചെയ്യുമ്പോൾ ഔട്ട്പുട്ട് മങ്ങുന്നു). പൊതുവായ ലക്ഷ്യങ്ങൾ: ഐക്കണുകൾക്ക് 32×32 അല്ലെങ്കിൽ 64×64, ലോഗോകൾക്ക് 256×256 അല്ലെങ്കിൽ 512×512, ഹീറോ ഗ്രാഫിക്സിന് 1024×1024, റെറ്റിന നിലവാരമുള്ള അസറ്റുകൾക്ക് 2048×2048.
SVG വെബിനും ആധുനിക ഡിസൈൻ ടൂളുകൾക്കും അതിശയകരമാണ്, എന്നാൽ മറ്റ് പല സന്ദർഭങ്ങളിലും ഭയങ്കരമാണ്. ഇമെയിൽ ക്ലയൻ്റുകൾ SVG പൊരുത്തമില്ലാത്ത രീതിയിൽ റെൻഡർ ചെയ്യുന്നു; ചിലർ ഇത് ഒരു സുരക്ഷാ അപകടമായി തടയുന്നു. പഴയ ഓഫീസ് സോഫ്റ്റ്വെയർ, ചില CMS-കൾ, മൂന്നാം-കക്ഷി സേവനങ്ങൾ, മിക്കവാറും എല്ലാ ഫോട്ടോ പ്രിൻ്റ് പൈപ്പ്ലൈനുകളും SVG-യെ അംഗീകരിക്കുന്നില്ല. PNG-ലേക്ക് പരിവർത്തനം ചെയ്യുന്നത് തിരഞ്ഞെടുത്ത വലുപ്പത്തിൽ സമാനമായി കാണപ്പെടുന്ന സാർവത്രികമായി അംഗീകരിക്കപ്പെട്ട ഒരു റാസ്റ്റർ നിർമ്മിക്കുന്നു.
സ്വീകർത്താവിൻ്റെ SVG റെൻഡററെ ആശ്രയിക്കാതെ തന്നെ PNG ഓഫീസ് ഡോക്യുമെൻ്റുകൾ, സ്ലൈഡ് ഡെക്കുകൾ, PDF-കൾ എന്നിവയിൽ വിശ്വസനീയമായി ഉൾച്ചേർക്കുന്നു. പല പ്ലാറ്റ്ഫോമുകളിലും സ്ഥിരമായി ദൃശ്യമാകേണ്ട ലോഗോകൾക്കും ഗ്രാഫിക്സിനും, PNG ആണ് സുരക്ഷിതമായ ചോയ്സ് - അത് SVG-യെ ആകർഷകമാക്കുന്ന റെസല്യൂഷൻ-സ്വാതന്ത്ര്യം നഷ്ടപ്പെടുമെങ്കിലും.
നിങ്ങളുടെ ടാർഗെറ്റ് വലുപ്പം തിരഞ്ഞെടുക്കുക, റെൻഡർ ചെയ്യുക. ബ്രൗസർ റാസ്റ്ററൈസേഷൻ ചെയ്യുന്നു.
പാതകൾ, അടിസ്ഥാന രൂപങ്ങൾ (റെക്ട്, സർക്കിൾ, ദീർഘവൃത്തം, രേഖ, ബഹുഭുജം, പോളിലൈൻ), ടെക്സ്റ്റ്, ഗ്രേഡിയൻ്റുകൾ (ലീനിയർഗ്രേഡിയൻ്റ്, റേഡിയൽഗ്രേഡിയൻ്റ്), ഫിൽട്ടറുകൾ, മാസ്കുകൾ, ക്ലിപ്പ് പാഥുകൾ എന്നിവയ്ക്കായുള്ള ഘടകങ്ങളുള്ള ഒരു XML അടിസ്ഥാനമാക്കിയുള്ള വെക്റ്റർ ഫോർമാറ്റാണ് SVG (W3C ശുപാർശ). ബ്രൗസർ XML പാഴ്സ് ചെയ്യുന്നു, ഒരു DOM നിർമ്മിക്കുന്നു, CSS പ്രയോഗിക്കുന്നു, പേജ് റെൻഡറിംഗ് സമയത്ത് ഫലം റാസ്റ്ററൈസ് ചെയ്യുന്നു.
ഈ കൺവെർട്ടർ SVG-നെ ഒരു HTMLImageElement-ലേക്ക് ലോഡുചെയ്യുന്നു (ഇത് ബ്രൗസറിൻ്റെ സാധാരണ SVG-ആസ്-ഇമേജ് റെൻഡറിംഗ് പാതയെ പ്രവർത്തനക്ഷമമാക്കുന്നു), തുടർന്ന് അതിനെ drawImage വഴി ഒരു ക്യാൻവാസിലേക്ക് ആകർഷിക്കുന്നു. canvas.toBlob('image/png') ഉപയോഗിച്ച് ക്യാൻവാസ് PNG ആയി കയറ്റുമതി ചെയ്യുന്നു. ഔട്ട്പുട്ടിലെ കൃത്യമായ പിക്സലുകൾ ഒരു ബ്രൗസർ ടാബിൽ SVG അതേ വലുപ്പത്തിൽ റെൻഡർ ചെയ്യുന്നതുമായി പൊരുത്തപ്പെടുന്നു.
എഡ്ജ് കേസുകൾ: ഇമേജ് എലമെൻ്റ് വഴി ഉപയോഗിക്കുമ്പോൾ വിദേശ ഒബ്ജക്റ്റ് ഉപയോഗിക്കുന്ന SVG എപ്പോഴും പിന്തുണയ്ക്കില്ല. CORS കാരണം SVG റഫറൻസ് ചെയ്യുന്ന ബാഹ്യ ഉറവിടങ്ങൾ (xlink:href മറ്റൊരു ഡൊമെയ്നിലേക്ക്) ലോഡ് ചെയ്യുന്നതിൽ പരാജയപ്പെട്ടേക്കാം. SMIL ആനിമേഷനുകളും JavaScript-അധിഷ്ഠിത ആനിമേഷനുകളും പ്രാരംഭ ഫ്രെയിം മാത്രമായി റെൻഡർ ചെയ്യുന്നു.