ಉಚಿತ PNG ನಿಂದ ICO ಫೇವಿಕಾನ್ ಪರಿವರ್ತಕ

ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ

ಪರಿವರ್ತನೆ ಈ ಟೂಲ್‌ನಲ್ಲಿ ನೇರವಾಗಿ ಬರೆಯಲಾದ ಎರಡು ಯಂತ್ರಾಂಶಗಳನ್ನು ಬಳಸಿ ಸಂಪೂರ್ಣವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಚಾಲನೆಯಾಗುತ್ತದೆ: ಪ್ರತಿ ಐಕಾನ್ ಫ್ರೇಮ್ ಅನ್ನು ಸ್ಕೇಲ್ ಮಾಡಲು ಮತ್ತು ರೆಂಡರ್ ಮಾಡಲು Canvas API, ಮತ್ತು ಆ ಫ್ರೇಮ್‌ಗಳನ್ನು ಒಂದೇ .ico ಫೈಲ್‌ಗೆ ಪ್ಯಾಕ್ ಮಾಡುವ ಕೈಬರಹದ ICO ಬೈನರಿ ಎನ್‌ಕೋಡರ್ — ಯಾವುದೇ ಲೈಬ್ರರಿ ಡೌನ್‌ಲೋಡ್ ಆಗುವುದಿಲ್ಲ, ಮತ್ತು ಯಾವುದೇ ಫೈಲ್ ಎಂದಿಗೂ ನಿಮ್ಮ ಸಾಧನದಿಂದ ಹೊರಹೋಗುವುದಿಲ್ಲ.

1. 1
   ಚಿತ್ರವನ್ನು ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಡಿಕೋಡ್ ಮಾಡಲಾಗಿದೆ

   ನೀವು ಅಪ್‌ಲೋಡ್ ಮಾಡಿದ PNG, JPEG, WebP, ಅಥವಾ SVG ಅನ್ನು HTMLImageElement ಗೆ ಲೋಡ್ ಮಾಡಿ ಪ್ರತಿ ವಿನಂತಿಸಿದ ಗಾತ್ರಕ್ಕೆ (16×16 ರಿಂದ 256×256) ಆಫ್-ಸ್ಕ್ರೀನ್ ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಚಿತ್ರಿಸಲಾಗುತ್ತದೆ. ಕ್ಯಾನ್ವಾಸ್ ಉನ್ನತ-ಗುಣಮಟ್ಟದ ಬೈಕ್ಯುಬಿಕ್ ಸ್ಮೂಥಿಂಗ್ ಬಳಸುತ್ತದೆ ಮತ್ತು ನಿಮ್ಮ ಫಿಟ್ ಆಯ್ಕೆಯನ್ನು ಗೌರವಿಸುತ್ತದೆ: 'contain' ಪಾರದರ್ಶಕ ಅಥವಾ ಬಣ್ಣದ ಪ್ಯಾಡಿಂಗ್‌ನೊಂದಿಗೆ ಚಿತ್ರವನ್ನು ಲೆಟರ್‌ಬಾಕ್ಸ್ ಮಾಡುತ್ತದೆ, ಆದರೆ 'cover' ಮೂಲದಿಂದ ಕೇಂದ್ರೀಕೃತ ಚೌಕವನ್ನು ಕ್ರಾಪ್ ಮಾಡುತ್ತದೆ.
2. 2
   ಪ್ರತಿ ಫ್ರೇಮ್ PNG ಬೈಟ್‌ಗಳಾಗಿ ಎಕ್ಸ್‌ಪೋರ್ಟ್ ಆಗಿದೆ

   ಬ್ರೌಸರ್‌ನ ಅಂತರ್ನಿರ್ಮಿತ canvas.toBlob('image/png') ಪ್ರತಿ ಸ್ಕೇಲ್ ಮಾಡಿದ ಫ್ರೇಮ್ ಅನ್ನು ನಷ್ಟರಹಿತ PNG ಆಗಿ ಎನ್‌ಕೋಡ್ ಮಾಡುತ್ತದೆ. .ico ಕಂಟೈನರ್‌ನೊಳಗೆ ಎಂಬೆಡ್ ಆಗುವುದು ಈ ಕಚ್ಚಾ ಬೈಟ್‌ಗಳು — ಆಧುನಿಕ ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು Windows PNG-in-ICO ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ನಿರ್ವಹಿಸುತ್ತವೆ, ಇದು ಫೈಲ್ ಗಾತ್ರಗಳನ್ನು ಹಳೆಯ BMP-ಆಧಾರಿತ ಫಾರ್ಮ್ಯಾಟ್‌ಗಿಂತ ಚಿಕ್ಕದಾಗಿಡುತ್ತದೆ.
3. 3
   ICO ಬೈನರಿ ಮೆಮೊರಿಯಲ್ಲಿ ಜೋಡಿಸಲಾಗಿದೆ

   ಕೈಬರಹದ ಎನ್‌ಕೋಡರ್ DataView ಬಳಸಿ ಆರಂಭದಿಂದ .ico ಫೈಲ್ ರಚನೆಯನ್ನು ನಿರ್ಮಿಸುತ್ತದೆ: 6-ಬೈಟ್ ICONDIR ಹೆಡರ್ ಚಿತ್ರ ಎಣಿಕೆ ಘೋಷಿಸುತ್ತದೆ, ನಂತರ ಪ್ರತಿ ಗಾತ್ರಕ್ಕೆ 16-ಬೈಟ್ ಡೈರೆಕ್ಟರಿ ಎಂಟ್ರಿ (ಅಗಲ, ಎತ್ತರ, ಬಿಟ್-ಆಳ, ಬೈಟ್ ಉದ್ದ, ಮತ್ತು ಡೇಟಾ ಆಫ್‌ಸೆಟ್ ದಾಖಲಿಸುತ್ತದೆ), ನಂತರ ಎಲ್ಲಾ PNG ಪೇಲೋಡ್‌ಗಳನ್ನು ಕ್ರಮವಾಗಿ ಸಂಯೋಜಿಸಲಾಗುತ್ತದೆ. ಯಾವುದೇ ಥರ್ಡ್-ಪಾರ್ಟಿ ಲೈಬ್ರರಿ ಒಳಗೊಂಡಿಲ್ಲ.
4. 4
   ಪೂರ್ವವೀಕ್ಷಣೆ ತೋರಿಸಲಾಗಿದೆ, ಫೈಲ್ ಡೌನ್‌ಲೋಡ್ ಆಗಿದೆ

   ಡೌನ್‌ಲೋಡ್ ನೀಡುವ ಮೊದಲು, UI ಪ್ರತಿ ಪ್ಯಾಕ್ ಮಾಡಿದ ಗಾತ್ರದ ಪಿಕ್ಸೆಲ್-ನಿಖರ ಪೂರ್ವವೀಕ್ಷಣೆಯನ್ನು ಚೆಕರ್‌ಬೋರ್ಡ್ ಹಿನ್ನೆಲೆಯ ವಿರುದ್ಧ ರೆಂಡರ್ ಮಾಡುತ್ತದೆ ಆದ್ದರಿಂದ ಉಳಿಸುವ ಮೊದಲು ನೀವು ಪಾರದರ್ಶಕತೆಯನ್ನು ಪರಿಶೀಲಿಸಬಹುದು. ಜೋಡಿಸಲಾದ Blob ಅನ್ನು 'favicon.ico' ಆಗಿ ಬ್ರೌಸರ್‌ನ ಡೌನ್‌ಲೋಡ್ ಯಂತ್ರಾಂಶಕ್ಕೆ ಹಸ್ತಾಂತರಿಸಲಾಗುತ್ತದೆ.

ಸಂಬಂಧಿತ ಪರಿಕರಗಳು