Favicon Toolsजाँचेंबनाएँ
Basics

Favicon क्या है? पूरी गाइड

Favicon वह छोटा चौकोर आइकन है जो browser आपकी साइट के लिए दिखाता है: tab में, bookmark के पास, history में, और फ़ोन की home screen पर। यह आपके domain से सर्व होने वाली एक असली image फ़ाइल है जिसे page के head से रेफ़र किया जाता है, और आमतौर पर कई sizes में दिया जाता है ताकि हर surface अपने ज़रूरत के हिसाब से एक चुन सके।

Favicon असल में कहाँ-कहाँ दिखता है

Browser tab सबसे स्पष्ट जगह है, लेकिन यहीं सबसे कम माँग होती है। Bookmark bar, history list, browser के start page, search results, chat ऐप्स में link preview, और फ़ोन की home screen — ये सब एक आइकन माँगते हैं, और इनमें से कई को tab की तुलना में कहीं बड़ी फ़ाइल चाहिए।

इसीलिए favicon असल में एक अकेली फ़ाइल नहीं बल्कि एक सेट है। 16 pixel का tab आइकन और 180 pixel का iOS home screen आइकन अलग-अलग image हैं जिनकी design की सीमाएँ अलग हैं, भले ही वे एक ही mark से बने हों।

एक ही mark, उन sizes पर जो मायने रखती हैं

Example favicon at 16 by 16 pixels
16px
Example favicon at 32 by 32 pixels
32px
Example favicon at 48 by 48 pixels
48px
Example favicon at 96 by 96 pixels
96px
Example favicon at 180 by 180 pixels
180px
असली pixel dimensions पर रेंडर किया गया, display के लिए स्केल किया हुआ नहीं। जो डिटेल 180px पर साफ़ दिखती है, वह 16px तक पहुँचते-पहुँचते पूरी तरह गायब हो जाती है।

Favicon FAQ

क्या favicon ज़रूरी है?

किसी standard में इसकी अनिवार्यता नहीं है, लेकिन browser वैसे भी /favicon.ico माँगेगा, और आइकन न होने पर एक खाली या सामान्य placeholder दिखता है। किसी नए प्रोडक्ट पर यह अधूरा-सा लगता है।

Favicon और app icon में क्या फ़र्क़ है?

Favicon browser के अंदर आपकी साइट की पहचान कराता है; app icon home screen या launcher पर इंस्टॉल किए गए app को दर्शाता है। असल में दोनों एक ही artwork से बनते हैं और साथ भेजे जाते हैं, इसीलिए generators दोनों export करते हैं।

संबंधित शब्द