फ़ेविकॉन आकार समझाया गया

16×16 पिक्सेल फ़ेविकॉन मूल वेब मानक है। इसका उपयोग मानक (96डीपीआई) डिस्प्ले पर ब्राउज़र टैब में, सभी डेस्कटॉप ब्राउज़र पर बुकमार्क टूलबार में और कुछ ब्राउज़र इतिहास सूचियों में किया जाता है। चूँकि 16×16 एक अत्यंत तंग कैनवास है, इसलिए आपके फ़ेविकॉन डिज़ाइन को उसके सरलतम रूप में लिया जाना चाहिए: एक एकल आकार, अक्षर, या अमूर्त चिह्न। इससे अधिक जटिल कोई भी चीज़ अपठनीय होगी।

32×32 पिक्सेल आकार 16×16 को दोगुना कर देता है और 2x घनत्व पर रेटिना/HiDPI ब्राउज़र टैब, उच्च DPI पर बुकमार्क आइकन और Chrome में एड्रेस बार सुझाव आइकन प्रदान करता है। आधुनिक ब्राउज़र 16x16 की तुलना में 32x32 का अधिक बार अनुरोध करते हैं क्योंकि उच्च-घनत्व वाले डिस्प्ले अधिकांश डिवाइस बन गए हैं। यदि आप केवल एक ही आकार भेज सकते हैं, तो 32×32 सबसे प्रभावशाली विकल्प होगा।

48×48 पिक्सेल आकार Windows एक्सप्लोरर 'मध्यम आइकन' दृश्य आकार है और खोज परिणाम स्निपेट में फ़ेविकॉन पात्रता के लिए Google खोज द्वारा आवश्यक न्यूनतम है। जिन साइटों का फ़ेविकॉन न्यूनतम 48×48 को पूरा नहीं करता है, वे Google परिणामों में उनके ब्रांड चिह्न के बजाय उनके URL के आगे एक सामान्य ग्लोब आइकन के साथ दिखाई देते हैं। अपने .ico बंडल में हमेशा 48×48 शामिल करें।

64×64 पिक्सेल आकार का उपयोग Windows एक्सप्लोरर बड़े आइकन दृश्य और कुछ लिनक्स डेस्कटॉप वातावरण में किया जाता है। इसे अपनी बहु-आकार .ico फ़ाइल में शामिल करने से नगण्य ओवरहेड जुड़ता है लेकिन फ़ाइल प्रबंधकों और शेल वातावरणों में साफ़ रेंडरिंग सुनिश्चित होती है। कई फ़ेविकॉन जेनरेटर टूल में मानक .ico बंडल के हिस्से के रूप में डिफ़ॉल्ट रूप से 64 शामिल होते हैं।

128×128 पिक्सेल आकार Windows स्टोर ऐप टाइल्स और उच्च-घनत्व टास्कबार थंबनेल प्रदान करता है। शुद्ध वेब फ़ेविकॉन के लिए इसकी आमतौर पर कम आवश्यकता होती है, लेकिन यह महत्वपूर्ण है यदि आपकी साइट PWA के रूप में पैक की गई है या यदि उपयोगकर्ता इसे Windows ऐप के रूप में पिन करते हैं। इसे PNG संपीड़न के साथ .ico के अंदर बंडल करने से फ़ाइल का आकार उचित रहता है।

256×256 पिक्सेल आकार सबसे बड़ा मानक .ico फ़्रेम है। इसका उपयोग Windows डेस्कटॉप शॉर्टकट, Windows स्टार्ट मेनू खोज परिणाम और कुछ ऐप-इंस्टॉल संदर्भों के लिए किया जाता है। इस रिज़ॉल्यूशन पर, आपको BMP के बजाय .ico कंटेनर के अंदर PNG संपीड़न का उपयोग करना चाहिए - एक असम्पीडित BMP 256×256 छवि अनावश्यक रूप से .ico फ़ाइल में 256 KB जोड़ती है।

180×180 पिक्सेल आकार विशेष रूप से iOS apple-touch-icon के लिए है। जब कोई iPhone या iPad उपयोगकर्ता 'होम स्क्रीन में जोड़ें' पर टैप करता है, तो Safari `<link rel='apple-touch-icon' size='180x180' href='/apple-touch-icon.png'>` में घोषित छवि प्राप्त करता है। यह आकार सभी मौजूदा iPhone मॉडलों को कवर करता है (iPhone 6 प्लस और बाद में 3x घनत्व पर 180×180 का उपयोग करता है; पुराने मॉडल 120×120 और 152×152 का उपयोग करते हैं - एक एकल 180 फ़ाइल उन सभी को शानदार ढंग से कवर करती है)।

Android Chrome के PWA इंस्टॉल प्रॉम्प्ट के लिए वेब ऐप मेनिफेस्ट (site.webmanifest) में 192×192 पिक्सेल आकार न्यूनतम आवश्यक आइकन है। जब उपयोगकर्ता अपने Android होम स्क्रीन पर PWA जोड़ते हैं, तो Chrome लॉन्चर में 192×192 आइकन और हाल के ऐप्स स्विचर में ऐप आइकन प्रस्तुत करता है। मैनिफ़ेस्ट में इस आकार के बिना, PWA इंस्टॉल प्रॉम्प्ट या तो एक सामान्य आइकन दिखाता है या बिल्कुल भी ट्रिगर करने में विफल रहता है।

512×512 पिक्सेल आकार दूसरा आवश्यक मेनिफेस्ट आइकन है। Chrome इसका उपयोग PWA स्प्लैश स्क्रीन के लिए करता है जो होम-स्क्रीन लॉन्च के बाद ऐप लोड होने पर प्रदर्शित होता है, और डेस्कटॉप Chrome ओएस पर इंस्टॉल डायलॉग पूर्वावलोकन के लिए उपयोग करता है। यह सभी छोटे वेरिएंट तैयार करने के लिए आदर्श स्रोत आकार भी है - 512×512 से शुरू होने से यह सुनिश्चित होता है कि प्रत्येक डाउनसैंपल आउटपुट तेज किनारों और सटीक रंगों को बरकरार रखता है।

512×512 और बहुत बड़े 1024×1024 के बीच के आकार मुख्य रूप से macOS और iOS ऐप स्टोर सबमिशन पर मूल ऐप आइकन के लिए उपयोग किए जाते हैं, वेब फ़ेविकॉन के लिए नहीं। हालाँकि, यदि आप एक रैपर (इलेक्ट्रॉन, कैपेसिटर, टौरी) का उपयोग करके अपनी वेब उपस्थिति को एक मूल ऐप में बदलने की योजना बना रहे हैं, तो आपको ऐप स्टोर समीक्षा प्रक्रिया के लिए 1024×1024 की आवश्यकता होगी। इस मास्टर फ़ाइल को अपने फ़ेविकॉन पैकेज के साथ संग्रहीत करें।

SVG फ़ेविकॉन रिज़ॉल्यूशन-स्वतंत्र हैं और प्रत्येक घनत्व को एक फ़ाइल के साथ कवर करते हैं। एक ब्राउज़र जो SVG फ़ेविकॉन (Chrome 80+, Edge 80+, Firefox 41+, Safari 15+) का समर्थन करता है, वह किसी भी रैस्टर आकार की तुलना में SVG को प्राथमिकता देगा क्योंकि यह 1x, 2x, 3x, या किसी भी कस्टम DPI पर पूरी तरह से प्रस्तुत करता है। व्यापार-बंद यह है कि सभी संदर्भ SVG - Windows शॉर्टकट, RSS रीडर और पुराने टूल का समर्थन नहीं करते हैं, जिन्हें अभी भी .ico फ़ॉलबैक की आवश्यकता है।

आकार और .ico कंटेनर के बीच संबंध को समझना महत्वपूर्ण है। एक .ico फ़ाइल एक एकल छवि नहीं है - यह एक बहु-छवि संग्रह है। इसके अंदर प्रत्येक फ्रेम एक अलग आकार में एक अलग रेखापुंज छवि है। ब्राउज़र ICO निर्देशिका को पढ़ता है, पहचानता है कि कौन सा फ्रेम उसके आवश्यक आकार से सबसे अच्छा मेल खाता है, और केवल उस फ्रेम को डीकोड करता है। यही कारण है कि एक .ico फ़ाइल 16, 32, 48 और 64 px टैब को समान रूप से अच्छी तरह से परोस सकती है।

2026 में एक प्रोडक्शन वेबसाइट के लिए अनुशंसित न्यूनतम सेट है: favicon.ico बंडलिंग 16, 32, 48, और 64 पीएक्स फ्रेम; apple-touch-icon.png 180×180 पर; android-chrome-192x192.png; android-chrome-512x512.png; आधुनिक ब्राउज़रों के लिए favicon.svg; और एक site.webmanifest जो 192 और 512 PNG को संदर्भित करता है। favicon generator एक क्लिक में एकल स्रोत अपलोड से यह पूरा सेट तैयार करता है।

favicon tester के साथ यह जांचना आसान है कि आपके सभी फ़ेविकॉन आकार सही ढंग से परोसे गए हैं या नहीं। अपनी साइट का यूआरएल दर्ज करें और परीक्षक आपके favicon.ico को लाने का प्रयास करता है, आपके HTML हेड में लिंक टैग की जांच करता है, और प्रत्येक आकार का पूर्वावलोकन दिखाता है। गुम आकारों को कार्रवाई योग्य अनुशंसाओं के साथ चिह्नित किया गया है।