गाइड

फ़ेविकॉन कैसे बनाएं

फ़ेविकॉन बनाना 60 सेकंड का काम है: एक वर्ग से शुरू करें, एक बहु-आकार .ico बनाएं, और इसे अपने HTML <head> में लिंक करें। यह मार्गदर्शिका हर कदम पर चलती है।

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

आपकी स्रोत छवि चौकोर और कम से कम 512×512 होनी चाहिए। SVG और भी बेहतर है - यह गुणवत्ता हानि के बिना स्केल करता है।

न्यूनतम व्यवहार्य सेटअप एकल बहु-आकार favicon.ico है। आधुनिक सेटअप में PWA इंस्टाल प्रॉम्प्ट के लिए एक SVG, एक 180×180 apple-touch-icon, और एक 192×192 + 512×512 PNG जोड़ी भी शामिल है।

यह कैसे काम करता है

  1. 1

    एक वर्गाकार स्रोत तैयार करें

    512×512 PNG या एक वर्ग viewBox के साथ SVG।

  2. 2

    उत्पन्न

    सभी आकारों को एक .ico में बंडल करने के लिए हमारे फ़ेविकॉन जनरेटर का उपयोग करें।

  3. 3

    स्थापित करना

    favicon.ico को अपनी साइट रूट में डालें और इसे <head> में लिंक करें।

अभी आज़माएं

अभी अपना फ़ेविकॉन बनाएं

फ़ेविकॉन जनरेटर

सामान्य प्रश्न

फ़ेविकॉन बनाने का सबसे आसान टूल कौन सा है?+

हमारा फ़ेविकॉन जनरेटर - अपलोड करें, जेनरेट पर क्लिक करें, डाउनलोड करें। कोई साइनअप नहीं, सर्वर पर कोई अपलोड नहीं।

मेरी स्रोत छवि किस आकार की होनी चाहिए?+

512×512 न्यूनतम। SVG आदर्श है.

क्या मुझे apple-touch-icon की आवश्यकता है?+

हाँ, यदि आप iOS पर एक साफ़ होम-स्क्रीन आइकन चाहते हैं। 180×180 PNG, <link rel='apple-touch-icon'> के माध्यम से लिंक किया गया।

संबंधित उपकरण

अधिक गाइड

गाइड