സൗജന്യ ഫേവിക്കോൺ ജനറേറ്റർ

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

ഈ ടൂൾ ഏത് PNG, JPEG, WebP, അല്ലെങ്കിൽ SVG-യെയും ഒരു പൂർണ്ണ ഫേവിക്കൺ പാക്കേജാക്കി മാറ്റുന്നു — മൾട്ടി-സൈസ് .ico, Apple touch icon, Android/PWA icons, ഒരു വെബ് മാനിഫെസ്റ്റ്, ഒരു പേസ്റ്റ്-റെഡി HTML സ്നിപ്പെറ്റ് — Canvas API-യും JSZip-ഉം ഉപയോഗിച്ച് പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിനുള്ളിൽ. ഒന്നും അപ്‌ലോഡ് ചെയ്യപ്പെടില്ല; എല്ലാ റെൻഡറിംഗും ഫയൽ അസംബ്ലിംഗും പ്രാദേശികമായി നടക്കുന്നു.

1. 1
   Canvas നിങ്ങളുടെ ചിത്രം വീണ്ടും സ്കെയിൽ ചെയ്യുന്നു

   ബ്രൗസർ നിങ്ങളുടെ സോഴ്സ് ചിത്രം ഓരോ ആവശ്യമായ വലുപ്പത്തിലും (16, 32, 48, 180, 192, 512 px) ഓഫ്-സ്ക്രീൻ HTML Canvas എലമെന്റുകളിലേക്ക് വരയ്ക്കുന്നു. വ്യക്തമായ width/height ആട്രിബ്യൂട്ടുകളില്ലാത്ത SVG-കൾ ആദ്യം DOMParser, XMLSerializer വഴി നോർമലൈസ് ചെയ്യുന്നു, അതിനാൽ Firefox-ഉം Chrome-ഉം ശൂന്യമായ കാൻവാസിന് പകരം സമാന പിക്സൽ ഔട്ട്പുട്ട് നിർമ്മിക്കുന്നു.
2. 2
   കൈകൊണ്ട് എഴുതിയ ICO എൻകോഡർ .ico ഫയൽ പാക്ക് ചെയ്യുന്നു

   ചെറിയ ICO എൻട്രികൾ (16, 32, 48 px) അസംസ്കൃത 32-ബിറ്റ് BGRA DIB ബിറ്റ്മാപ്പുകളായി എൻകോഡ് ചെയ്യുന്നു — BITMAPINFOHEADER, bottom-up XOR വരികൾ, ഒരു 1bpp AND മാസ്ക് — കാരണം Windows ഷെൽ ഘടകങ്ങൾക്ക് ആ വലുപ്പങ്ങളിൽ uncompressed DIB ഫോർമാറ്റ് ആവശ്യമാണ്. ബാഹ്യ ICO ലൈബ്രറി ഒന്നും ഉൾപ്പെടാതെ DataView, Uint8Array ഉപയോഗിച്ച് പൂർണ്ണമായും ടൂൾ ICO ഡയറക്ടറി ഹെഡർ എഴുതി എൻട്രികൾ ചേർക്കുന്നു.
3. 3
   PNG ഔട്ട്പുട്ടുകൾ canvas.toBlob വഴി നിർമ്മിക്കുന്നു

   ഓരോ PNG വേരിയന്റും (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) 'image/png' ഉപയോഗിച്ച് canvas.toBlob വിളിച്ച് പിടിച്ചെടുക്കുന്നു, ബ്രൗസറിന്റെ ബിൽറ്റ്-ഇൻ ചിത്ര എഞ്ചിനിലേക്ക് ലോസ്‌ലെസ് എൻകോഡിംഗ് ഏൽപ്പിക്കുന്നു. ഓപ്ഷണൽ പാഡിംഗ്, പശ്ചാത്തല നിറം, ആകൃതി ക്ലിപ്പിംഗ് (ചതുരം, റൗണ്ടഡ്, അല്ലെങ്കിൽ വൃത്തം) പിടിച്ചെടുക്കുന്നതിന് മുമ്പ് കാൻവാസ് കോൺടെക്സ്റ്റിൽ പ്രയോഗിക്കുന്നു.
4. 4
   JSZip എല്ലാം ഒരു ഡൗൺലോഡിലേക്ക് ബണ്ടിൽ ചെയ്യുന്നു

   JSZip സൃഷ്ടിച്ച എല്ലാ ഫയലുകളും — favicon.ico, അഞ്ച് PNG-കൾ, നിങ്ങളുടെ ആപ്പ് പേരുള്ള ഒരു site.webmanifest, ശരിയായ <link> ടാഗുകളുള്ള ഒരു favicon-snippet.html — നിങ്ങളുടെ ഉപകരണത്തിലേക്ക് സ്വയമേവ ഡൗൺലോഡ് ചെയ്യുന്ന ഒരൊറ്റ .zip ബ്ലോബിലേക്ക് കൂട്ടിച്ചേർക്കുന്നു.

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