இலவச ஃபேவிகான் உருவாக்கி

இது எவ்வாறு செயல்படுகிறது

இந்தக் கருவி எந்த PNG, JPEG, WebP அல்லது SVG ஐயும் முழு favicon தொகுப்பாக மாற்றுகிறது — பல-அளவு .ico, Apple touch icon, Android/PWA icons, web manifest, ஒட்டத் தயாரான HTML துணுக்கு — Canvas API மற்றும் JSZip மூலம் முழுவதும் உங்கள் உலாவிக்குள். எதுவும் பதிவேற்றப்படுவதில்லை; அனைத்து rendering உம் கோப்பு உருவாக்கமும் உள்ளூரில் நடக்கின்றன.

1. 1
   Canvas உங்கள் படத்தை மறுஅளவிடுகிறது

   உலாவி உங்கள் மூலப் படத்தைத் தேவையான ஒவ்வொரு அளவிலும் (16, 32, 48, 180, 192, 512 px) திரைக்கு வெளியே உள்ள HTML Canvas உறுப்புகளில் வரைகிறது. வெளிப்படையான width/height attributes இல்லாத SVGs முதலில் DOMParser, XMLSerializer வழியாக இயல்பாக்கப்படுகின்றன; எனவே Firefox, Chrome வெற்று canvas அல்லாமல் ஒரே மாதிரியான pixel வெளியீட்டைத் தருகின்றன.
2. 2
   கையால் எழுதிய ICO encoder .ico கோப்பை உருவாக்குகிறது

   சிறிய ICO பதிவுகள் (16, 32, 48 px) மூல 32-bit BGRA DIB bitmaps ஆகக் குறியாக்கப்படுகின்றன — BITMAPINFOHEADER, bottom-up XOR வரிசைகள், 1bpp AND mask — ஏனெனில் Windows shell கூறுகளுக்கு அந்த அளவுகளில் சுருக்கப்படாத DIB வடிவம் தேவை. கருவி ICO directory header ஐ எழுதி, பதிவுகளை முழுவதும் 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 ஐ அழைத்துப் பெறப்படுகிறது; இழப்பற்ற குறியாக்கம் உலாவியின் உள்ளமைந்த பட இயந்திரத்திடம் ஒப்படைக்கப்படுகிறது. விருப்ப உள்ளிடைவெளி, பின்னணி நிறம், வடிவ வெட்டு (சதுரம், வட்டமூலை அல்லது வட்டம்) பெறுவதற்கு முன் canvas context இல் பயன்படுத்தப்படுகின்றன.
4. 4
   JSZip அனைத்தையும் ஒரே பதிவிறக்கமாகத் தொகுக்கிறது

   JSZip உருவாக்கப்பட்ட அனைத்துக் கோப்புகளையும் — favicon.ico, ஐந்து PNGs, உங்கள் ஆப் பெயருடன் site.webmanifest, சரியான <link> tags உடன் favicon-snippet.html — உங்கள் சாதனத்தில் தானாகப் பதிவிறக்கப்படும் ஒற்றை .zip blob ஆகத் தொகுக்கிறது.

தொடர்புடைய கருவிகள்