फ़ेविकॉन कैसे बनाएं
फ़ेविकॉन बनाना 60 सेकंड का काम है: एक वर्ग से शुरू करें, एक बहु-आकार .ico बनाएं, और इसे अपने HTML <head> में लिंक करें। यह मार्गदर्शिका हर कदम पर चलती है।
आपकी स्रोत छवि चौकोर और कम से कम 512×512 होनी चाहिए। SVG और भी बेहतर है - यह गुणवत्ता हानि के बिना स्केल करता है।
न्यूनतम व्यवहार्य सेटअप एकल बहु-आकार favicon.ico है। आधुनिक सेटअप में PWA इंस्टाल प्रॉम्प्ट के लिए एक SVG, एक 180×180 apple-touch-icon, और एक 192×192 + 512×512 PNG जोड़ी भी शामिल है।
यह कैसे काम करता है
- 1
एक वर्गाकार स्रोत तैयार करें
512×512 PNG या एक वर्ग viewBox के साथ SVG।
- 2
उत्पन्न
सभी आकारों को एक .ico में बंडल करने के लिए हमारे फ़ेविकॉन जनरेटर का उपयोग करें।
- 3
स्थापित करना
favicon.ico को अपनी साइट रूट में डालें और इसे <head> में लिंक करें।
अभी आज़माएं
अभी अपना फ़ेविकॉन बनाएं
फ़ेविकॉन जनरेटरसामान्य प्रश्न
फ़ेविकॉन बनाने का सबसे आसान टूल कौन सा है?+
हमारा फ़ेविकॉन जनरेटर - अपलोड करें, जेनरेट पर क्लिक करें, डाउनलोड करें। कोई साइनअप नहीं, सर्वर पर कोई अपलोड नहीं।
मेरी स्रोत छवि किस आकार की होनी चाहिए?+
512×512 न्यूनतम। SVG आदर्श है.
क्या मुझे apple-touch-icon की आवश्यकता है?+
हाँ, यदि आप iOS पर एक साफ़ होम-स्क्रीन आइकन चाहते हैं। 180×180 PNG, <link rel='apple-touch-icon'> के माध्यम से लिंक किया गया।