ಸರಿಯಾದ ಫೇವಿಕಾನ್ ಸೆಟ್ ಒಂದು ಫೈಲ್‌ಗಿಂತ ಹೆಚ್ಚು: ಬ್ರೌಸರ್‌ಗಳಿಗೆ ಬಹು-ಗಾತ್ರದ .ico ಬೇಕು, iOS ಗೆ 180px apple-touch-icon, Android ಗೆ 192 ಮತ್ತು 512px PNG ಗಳು ಮತ್ತು ವೆಬ್ ಮ್ಯಾನಿಫೆಸ್ಟ್. ಈ ಸಾಧನ ಒಂದೇ ಚಿತ್ರದಿಂದ ಎಲ್ಲವನ್ನೂ ರೆಂಡರ್ ಮಾಡಿ, ನಿಮ್ಮ <head> ಗೆ ಅಂಟಿಸಬೇಕಾದ ನಿಖರ HTML ಟ್ಯಾಗ್‌ಗಳ ಜೊತೆ ಒಂದೇ ZIP ನಲ್ಲಿ ಪ್ಯಾಕ್ ಮಾಡುತ್ತದೆ.
ಮುನ್ನೋಟ ನಿಮ್ಮ ಐಕಾನ್ ಅನ್ನು ನಿಜವಾದ 16, 32 ಮತ್ತು 48px ನಲ್ಲಿ ತೋರಿಸುತ್ತದೆ — ಸಣ್ಣ ಗಾತ್ರಗಳಲ್ಲೂ ಗುರುತಿಸಬಹುದೇ ಎಂದು ಪ್ರಕಟಿಸುವ ಮೊದಲೇ ಪರಿಶೀಲಿಸಬಹುದು.
ಬಳಸುವ ವಿಧಾನ
- ನಿಮ್ಮ ಲೋಗೋ ಸೇರಿಸಿಚೌಕ ಚಿತ್ರಗಳು ಉತ್ತಮ; ಉಳಿದವು ಮಧ್ಯದಿಂದ ಕ್ರಾಪ್ ಆಗುತ್ತವೆ.
- ಸಣ್ಣ ಗಾತ್ರಗಳನ್ನು ಪರಿಶೀಲಿಸಿಹೆಚ್ಚಿನ ಬಳಕೆದಾರರು ಟ್ಯಾಬ್‌ನಲ್ಲಿ ನಿಜಕ್ಕೂ ನೋಡುವುದು 16px ಮುನ್ನೋಟವನ್ನು.
- ZIP ಡೌನ್‌ಲೋಡ್ ಮಾಡಿfavicon.ico, ಆರು PNG ಗಳು, site.webmanifest ಮತ್ತು ಅಂಟಿಸಲು ಸಿದ್ಧ html-snippet.txt.
IMG.DIY ಏಕೆ
ಪೂರ್ಣ ಸೆಟ್
ICO + 16/32/48/180/192/512 PNG ಗಳು + ಮ್ಯಾನಿಫೆಸ್ಟ್.
ನಕಲು-ಅಂಟಿಸುವ HTML
ನಿಖರ link ಟ್ಯಾಗ್‌ಗಳು ಪಠ್ಯ ಫೈಲ್ ಆಗಿ ಸೇರಿವೆ.
ನಿಜ-ಗಾತ್ರದ ಮುನ್ನೋಟ
ಐಕಾನ್ ಅನ್ನು ಮೊದಲು ನಿಜವಾದ 16/32/48px ನಲ್ಲಿ ನೋಡಿ.
ಖಾಸಗಿ
ನಿಮ್ಮ ಲೋಗೋ ಬ್ರೌಸರ್ ಬಿಟ್ಟು ಹೋಗುವುದಿಲ್ಲ.
ಪದೇ ಪದೇ ಕೇಳುವ ಪ್ರಶ್ನೆಗಳು
.ico ಫೈಲ್ನಲ್ಲಿ ಏನಿರುತ್ತದೆ?
16, 32 ಮತ್ತು 48px ನಲ್ಲಿ ಮೂರು PNG-ಎನ್ಕೋಡ್ ಪದರಗಳು — ಎಲ್ಲಾ ಪ್ರಸ್ತುತ ಬ್ರೌಸರ್ಗಳು ಒಪ್ಪುವ ಆಧುನಿಕ ಸ್ವರೂಪ.
ಫೈಲ್ಗಳನ್ನು ಎಲ್ಲಿ ಇಡಬೇಕು?
ನಿಮ್ಮ ಸೈಟ್ ರೂಟ್ನಲ್ಲಿ ಹಾಕಿ, html-snippet.txt ನ ಟ್ಯಾಗ್ಗಳನ್ನು ನಿಮ್ಮ <head> ಗೆ ಅಂಟಿಸಿ.
16px ನಲ್ಲಿ ನನ್ನ ಲೋಗೋ ಏಕೆ ಮಸುಕಾಗಿ ಕಾಣುತ್ತದೆ?
16px ನಲ್ಲಿ ಸೂಕ್ಷ್ಮ ವಿವರ ಮಾಯವಾಗುತ್ತದೆ. ದಪ್ಪ, ಸರಳ ಆಕಾರದ ಲೋಗೋಗಳು ಉಳಿಯುತ್ತವೆ; ಫೇವಿಕಾನ್‌ಗೆ ಸರಳೀಕೃತ ಗುರುತು ಪರಿಗಣಿಸಿ.
webmanifest ಅಗತ್ಯವೇ?
ಸಾಮಾನ್ಯ ವೆಬ್ಸೈಟ್ಗೆ ಇಲ್ಲ, ಆದರೆ Android/PWA ಇನ್ಸ್ಟಾಲ್ಗಳು ಅದನ್ನು ಬಳಸುತ್ತವೆ — ಸಂಪಾದಿಸಲು ಸಿದ್ಧವಾಗಿ ಸೇರಿಸಲಾಗಿದೆ.