இலவச PNG முதல் ICO ஃபேவிகான் கன்வெர்ட்டர்

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

மாற்றம் இந்தக் கருவியில் நேரடியாக எழுதப்பட்ட இரண்டு வழிமுறைகள் மூலம் முழுவதும் உங்கள் உலாவியில் இயங்குகிறது: ஒவ்வொரு icon ஃப்ரேமையும் அளவிட்டு வரைய Canvas API, அந்த ஃப்ரேம்களை ஒற்றை .ico கோப்பாகத் தொகுக்கும் கையால் எழுதிய ICO binary encoder — நூலகம் எதுவும் பதிவிறக்கப்படுவதில்லை, எந்தக் கோப்பும் உங்கள் சாதனத்தை விட்டு வெளியேறுவதில்லை.

1. 1
   படம் canvas இல் decode செய்யப்படுகிறது

   நீங்கள் பதிவேற்றிய PNG, JPEG, WebP அல்லது SVG HTMLImageElement இல் ஏற்றப்பட்டு, கோரிய ஒவ்வொரு அளவிலும் (16×16 முதல் 256×256 வரை) திரைக்கு வெளியே உள்ள canvas இல் வரையப்படுகிறது. canvas உயர்தர bicubic smoothing ஐப் பயன்படுத்தி உங்கள் fit தேர்வை மதிக்கிறது: 'contain' படத்தை வெளிப்படையான அல்லது வண்ண நிரப்பலுடன் letterbox செய்கிறது, 'cover' மூலத்திலிருந்து மையச் சதுரத்தை வெட்டுகிறது.
2. 2
   ஒவ்வொரு ஃப்ரேமும் PNG bytes ஆக ஏற்றுமதி

   உலாவியின் உள்ளமைந்த canvas.toBlob('image/png') அளவிட்ட ஒவ்வொரு ஃப்ரேமையும் இழப்பற்ற PNG ஆகக் குறியாக்குகிறது. இந்த மூல bytes தான் .ico container க்குள் உட்பொதிக்கப்படுகின்றன — நவீன உலாவிகளும் Windows உம் PNG-in-ICO ஐ native ஆகக் கையாள்கின்றன; இது பழைய BMP அடிப்படை வடிவத்தை விடக் கோப்பு அளவுகளைச் சிறியதாக வைக்கிறது.
3. 3
   ICO binary நினைவகத்தில் உருவாக்கப்படுகிறது

   கையால் எழுதிய encoder DataView மூலம் .ico கோப்புக் கட்டமைப்பைப் புதிதாக உருவாக்குகிறது: 6-byte ICONDIR header பட எண்ணிக்கையை அறிவிக்கிறது, பின் ஒவ்வொரு அளவுக்கும் 16-byte directory entry (அகலம், உயரம், bit-depth, byte நீளம், data offset பதிவுசெய்து), பின் அனைத்து PNG payloads உம் வரிசையாக இணைக்கப்படுகின்றன. மூன்றாம் தரப்பு நூலகம் இல்லை.
4. 4
   முன்னோட்டம் காட்டப்பட்டு, கோப்பு பதிவிறக்கப்படுகிறது

   பதிவிறக்கத்தை வழங்கும் முன், UI ஒவ்வொரு தொகுத்த அளவின் pixel-துல்லிய முன்னோட்டத்தையும் சதுரங்கப் பின்னணியில் காட்டுகிறது; எனவே சேமிக்கும் முன் வெளிப்படைத்தன்மையைச் சரிபார்க்கலாம். உருவாக்கப்பட்ட Blob 'favicon.ico' ஆக உலாவியின் பதிவிறக்க வழிமுறையிடம் ஒப்படைக்கப்படுகிறது.

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