സൗജന്യ ഇമേജ് ഫോർമാറ്റ് കൺവെർട്ടർ

ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു

Chrome, Firefox, Safari എന്നിവയിൽ നിർമ്മിച്ച അതേ ചിത്ര-എൻകോഡിംഗ് എഞ്ചിനായ Canvas API ഉപയോഗിച്ച് പരിവർത്തനം പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു. നിങ്ങളുടെ ഫയലുകൾ ഒരു ഓഫ്-സ്ക്രീൻ കാൻവാസിലേക്ക് വരയ്ക്കുകയും canvas.toBlob() ഉപയോഗിച്ച് ടാർഗെറ്റ് ഫോർമാറ്റിലേക്ക് വീണ്ടും എൻകോഡ് ചെയ്യുകയും ചെയ്യുന്നു; ഒന്നും ഏത് സെർവറിലേക്കും അപ്‌ലോഡ് ചെയ്യപ്പെടില്ല.

1. 1
   ചിത്രം ഒരു കാൻവാസിലേക്ക് ഡീകോഡ് ചെയ്തിരിക്കുന്നു

   ഓരോ ഫയലും ഒരു പ്രാദേശിക ഒബ്ജക്റ്റ് URL വഴി ഒരു HTMLImageElement-ലേക്ക് ലോഡ് ചെയ്യപ്പെടുന്നു. ഡീകോഡ് ചെയ്ത ശേഷം, പിക്സൽ ഡാറ്റ ഔട്ട്പുട്ട് അളവുകൾക്ക് അനുസൃതമായി വലുപ്പമുള്ള ഒരു ഓഫ്-സ്ക്രീൻ കാൻവാസിലേക്ക് വരയ്ക്കപ്പെടുന്നു — max-width സെറ്റ് ചെയ്തിട്ടുണ്ടെങ്കിൽ അസ്പെക്റ്റ് അനുപാതം സൂക്ഷിക്കുന്നു.
2. 2
   JPEG സുതാര്യത എൻകോഡിംഗിന് മുമ്പ് കൈകാര്യം ചെയ്യപ്പെടുന്നു

   JPEG-ലേക്ക് പരിവർത്തനം ചെയ്യുമ്പോൾ (ഇതിന് ആൽഫ ചാനൽ ഇല്ല), ചിത്രം വരയ്ക്കുന്നതിന് മുമ്പ് കാൻവാസ് ആദ്യം ഒരു വെളുത്ത പശ്ചാത്തലം കൊണ്ട് നിറയ്ക്കപ്പെടുന്നു, സുതാര്യ മേഖലകൾ ഔട്ട്പുട്ട് ഫയലിൽ കറുപ്പായി റെൻഡർ ചെയ്യപ്പെടുന്നത് തടയുന്നു.
3. 3
   canvas.toBlob() പിക്സലുകൾ വീണ്ടും എൻകോഡ് ചെയ്യുന്നു

   ബ്രൗസറിന്റെ native canvas.toBlob(mime, quality) ആവശ്യപ്പെട്ട ഗുണനിലവാര തലത്തിൽ കാൻവാസിനെ തിരഞ്ഞെടുത്ത ഫോർമാറ്റിലേക്ക് (JPG, PNG, WebP, അല്ലെങ്കിൽ AVIF) എൻകോഡ് ചെയ്യുന്നു. ബ്രൗസർ ഒരു ഫോർമാറ്റ് എൻകോഡിംഗ് പിന്തുണയ്ക്കുന്നില്ലെങ്കിൽ, സ്റ്റാർട്ടപ്പിൽ പ്രവർത്തിക്കുന്ന ഒരു feature-probe നിശബ്ദമായി ഒരു തെറ്റായി ലേബൽ ചെയ്ത ഫയൽ നിർമ്മിക്കുന്നതിന് പകരം ആ ബട്ടൺ ഓഫ് ചെയ്യുന്നു.
4. 4
   ഔട്ട്പുട്ട് ഒരു പ്രാദേശിക ബ്ലോബായി നൽകപ്പെടുന്നു

   എൻകോഡ് ചെയ്ത ബ്ലോബ് തൽക്ഷണ പ്രിവ്യൂവിനും ഡൗൺലോഡിനുമായി ഒരു പ്രാദേശിക ഒബ്ജക്റ്റ് URL-ൽ പൊതിയുന്നു. ഒന്നിലധികം ഫയലുകൾക്ക്, ഡൗൺലോഡ് ട്രിഗർ ചെയ്യുന്നതിന് മുമ്പ് JSZip അവയെ ബ്രൗസറിനുള്ളിൽ ഒരു ZIP ആയി ബണ്ടിൽ ചെയ്യുന്നു.

അനുബന്ധ ടൂളുകൾ