गाइड

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

फ़ेविकॉन केवल आधा काम है - HTML लिंक टैग तय करते हैं कि प्रत्येक ब्राउज़र कौन सी फ़ाइल चुनता है। एक क्लिक में पूरा, सही सेट तैयार करें।

Check favicons on any website

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

Install Chrome Extension

संपूर्ण फ़ेविकॉन सेटअप में favicon.ico, एक SVG वैरिएंट, एक apple-touch-icon और PWA मेनिफेस्ट आइकन के लिए टैग शामिल हैं। उनमें से किसी एक के गुम होने से कम से कम एक प्लेटफ़ॉर्म पर फ़ॉलबैक आइकन उत्पन्न होता है।

यहां टैग जेनरेट करें, उन्हें अपने <head> में पेस्ट करें, और आपका काम हो गया।

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

  1. 1

    अपना फ़ेविकॉन जनरेट करें

    .ico + PNG + SVG बनाने के लिए फ़ेविकॉन जनरेटर का उपयोग करें।

  2. 2

    टैग कॉपी करें

    जेनरेट किए गए <link> ब्लॉक को अपने <head> में पेस्ट करें।

  3. 3

    सत्यापित करें

    अपनी साइट को Chrome, Safari, Firefox, और Edge में खोलें - सभी में आइकन दिखना चाहिए।

अभी आज़माएं

HTML टैग प्राप्त करें

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

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

कौन सा टैग सबसे अधिक मायने रखता है?+

<link rel='icon' href='/favicon.ico'> — यह सार्वभौमिक फ़ॉलबैक है।

क्या मुझे एक मेनिफ़ेस्ट.जेसन की आवश्यकता है?+

केवल यदि आप उचित PWA इंस्टॉल अनुभव चाहते हैं। अन्यथा, वैकल्पिक.

apple-touch-icon कहाँ जाता है?+

<लिंक rel='apple-touch-icon' आकार='180x180' href='/apple-touch-icon.png'>।

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

अधिक गाइड

गाइड