तुम्ही ते ब्राउझर टॅबमध्ये पाहता. शोध निकालांमध्ये साइटच्या नावापुढे पाहता. तुम्ही त्याला एखाद्या वेबसाइटचा लोगो समजता. मग त्याला favicon का म्हणतात? हे नाव ऐकून टॅब्स किंवा लोगोशी काहीही संबंध असल्यासारखे वाटत नाही. आणि तुम्ही बरोबर आहात — नाही आहे. हे नाव त्या आयकॉनसाठी मूळात काय बनवले होते त्याचे अवशेष आहे, आज ते काय करते त्याचे नाही.
ते कधीच टॅब्ससाठी नव्हते
“favicon” हे नाव दोन शब्दांचे संयोजन आहे: favorite + icon [1]. म्हणजे, तुमच्या ब्राउझरच्या आवडींच्या यादीत — ज्याला बहुतेक लोक बुकमार्क्स म्हणतात — वेबसाइटच्या बाजूला दिसणारा आयकॉन.
नावामागची ही संपूर्ण कथा आहे. ते बुकमार्क्स आयकॉन होते. टॅब आयकॉन नव्हते. साइट लोगो नव्हते. ब्राउझर टॅबचा वापर खूप नंतर आला, आणि तोपर्यंत नाव आधीच रूढ झाले होते.
एक डेव्हलपर, एक उशिरात्री, एक चोरटी मंजुरी
१९९९ चे साल. ब्राउझर युद्ध जोरात सुरू आहे. Microsoft Internet Explorer 5 बनवत आहे आणि Bharat Shyam नावाचा एक डेव्हलपर Favorites फीचरवर काम करत आहे [2].
त्याची कल्पना सोपी होती: जेव्हा तुम्ही एखादी साइट बुकमार्क करता, तेव्हा साध्या मजकूर लिंकऐवजी URL च्या बाजूला एक छोटासा आयकॉन दिसला तर बरे नाही का? तर त्याने ते बनवले — एक 16×16 पिक्सेल आयकॉन, वेबसाइटच्या सर्व्हरच्या रूटमध्ये ठेवलेल्या favicon.ico नावाच्या फाइलमधून लोड होणारा [3].
मजेशीर भाग हा आहे. Shyam ला माहीत होते की ही भर सामान्य मार्गाने मंजूर होणार नाही, म्हणून तो संध्याकाळी उशिरापर्यंत थांबला जेव्हा कमी अनुभवी प्रोजेक्ट मॅनेजर ड्युटीवर होता — जुनियर PM Ray Sun. त्याने Sun ला फीचर दाखवले आणि कोड चेक इन करून घेतला [4]. अशा प्रकारे favicon.ico शांतपणे IE5 मध्ये दाखल झाले, जे मार्च १९९९ मध्ये रिलीज झाले [5].
खरे सांगायचे तर, बऱ्याच चांगल्या वेब फीचर्स कदाचित याच मार्गाने आल्या असतील.
फाइल फॉरमॅटची निवड
IE5 Windows वर चालत असल्याने, Shyam ने .ico फॉरमॅट वापरले — एक Windows-नेटिव्ह आयकॉन फॉरमॅट ज्याला Microsoft चा आधीपासून पूर्ण आधार होता [2]. तुमच्या वेब सर्व्हरच्या रूटमध्ये favicon.ico फाइल टाका, आणि IE साइट वापरकर्त्याच्या आवडींच्या यादीत जोडण्यापूर्वी ती आपोआप उचलत असे. कोणताही HTML टॅग लागत नव्हता. फक्त एक परंपरा.
म्हणूनच favicon.ico रूटमध्ये असणे २०२६ मध्येही सामान्य आहे. ब्राउझर्स अजूनही डीफॉल्टनुसार तेथे पाहतात, जरी HTML आता तुम्हाला ते स्पष्टपणे घोषित करण्याचा योग्य मार्ग देते.
W3C लवकरच सहभागी झाले
त्याच वर्षी, W3C ने डिसेंबर १९९९ मध्ये HTML 4.01 स्पेसिफिकेशनमध्ये favicon आधार समाविष्ट केला [6]. ते घोषित करण्याचा मानक मार्ग होता:
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
shortcut icon लक्षात घ्या — दोन शब्द. “Shortcut” हा Microsoft चा बुकमार्क्ससाठी वापरलेला शब्द होता (ते Windows डेस्कटॉपवर “shortcuts” वापरत). त्यामुळे HTML सिंटॅक्सनेही बुकमार्क्सचे मूळ पुढे नेले. W3C ने अखेरीस स्पष्ट केले की shortcut हे वैध कीवर्ड नाही आणि rel="icon" हा योग्य प्रकार आहे [7], पण तुम्हाला shortcut icon अजूनही इंटरनेटवर सर्वत्र दिसेल कारण जुन्या सवयी सहज जात नाहीत.
ते ब्राउझर टॅब्सवर कधी आले?
हा तो भाग आहे जो नाव दिशाभूल करणारे वाटवतो.
IE5 ने favicons फक्त आवडींच्या यादीत आणि address bar मध्ये दाखवले जेव्हा तुम्ही साइटवर होता. ब्राउझर टॅबचा वापर तेव्हा आला जेव्हा tabbed browsing २०००च्या दशकाच्या सुरुवातीला मुख्य प्रवाहात आले — Firefox, Opera, Safari सर्वांनी favicon घेतले आणि टॅबवरच दाखवायला सुरुवात केली [2].
त्या वेळी, favicon त्याच्या मूळ संदर्भातून पूर्णपणे बाहेर पडला होता. ते आता प्रत्येक भेटीसाठी एक स्थायी व्हिज्युअल ओळख बनले होते — बुकमार्क असो वा नसो. पण कोणी ते नाव बदलले नाही. “Favicon” तसेच चालत राहिले, जरी तोपर्यंत त्याला “tab icon” किंवा “site icon” म्हणणे अधिक अर्थपूर्ण ठरले असते.
मोबाइलवरील विस्तार
Apple ने २००७ मध्ये पहिला iPhone सादर केला तेव्हा त्यांनी Apple Touch Icon नावाची गोष्ट सादर केली — एक उच्च रिझोल्यूशन आयकॉन जो तुम्ही iOS होम स्क्रीनवर वेबपेज सेव्ह केल्यावर दिसतो [2]. ते अगदी अॅप आयकॉनसारखे दिसते.
Android ने सुमारे २०१० मध्ये याचे अनुसरण केले. मग Progressive Web Apps आले, ज्यांना इन्स्टॉल परिस्थितींसाठी संपूर्ण manifest.json मध्ये आयकॉन लागतात.
त्यामुळे आता एका वेबसाइटकडून अपेक्षा आहे की ती राखेल:
- जुन्या ब्राउझर्ससाठी
favicon.ico - आधुनिक ब्राउझर्ससाठी PNG favicon (सामान्यतः 32×32 किंवा 96×96)
- Apple Touch Icons (सध्याच्या iOS साठी 180×180)
- PWAs साठी Web App Manifest icons (192×192, 512×512)
त्या सर्वांना सामान्य भाषेत “favicon” म्हणतात. त्यापैकी कोणतेही आता बुकमार्क्स आयकॉन नाहीत.
नाव दिशाभूल करणारे आहे का?
थोडेसे, पण खरोखर नाही — ते फक्त जुने झाले आहे.
Bharat Shyam ने १९९९ मध्ये “favicon” तयार केले तेव्हा, नाव अगदी अचूक होते. ते खरोखरच तुमच्या आवडींसाठी आयकॉन होते. समस्या ही आहे की आयकॉनचे कार्य २५ वर्षांत मोठ्या प्रमाणात विस्तारले तर नाव १९९९ मध्येच थांबले. तंत्रज्ञानात हे खूप होते — “wireless” म्हणजे आधी रेडिओ होते, “desktop” अजूनही तुमच्या संगणकाचा अर्थ देते जरी फोन तेच काम करतात.
favicon हे नाव दिशाभूल करणारे नाही, ते कालबाह्य आहे. यात फरक आहे. कोणी तुम्हाला गोंधळवण्याचा प्रयत्न करत नव्हते — वापराचे क्षेत्र फक्त मूळ हेतूपेक्षा खूप पुढे गेले.
फॉरमॅटचा विकास
| काळ | फॉरमॅट | आकार | कुठे |
|---|---|---|---|
| १९९९ | .ico | 16×16 | आवडींची यादी |
| २०००चे दशक | .ico / .png | 16×16, 32×32 | Address bar, टॅब्स |
| २००७+ | .png | 57×57 – 180×180 | iOS होम स्क्रीन |
| २०१०चे दशक | .png | 192×192, 512×512 | Android, PWA |
| आता | .svg | स्केलेबल | सर्व आधुनिक ब्राउझर्स |
SVG favicons आज सर्वात स्वच्छ पर्याय आहेत — एक फाइल, अनंत स्केलेबल, कोणत्याही पिक्सेल-शोधाशिवाय रेटिना स्क्रीनवर काम करते [2]. पण रूटमधील .ico अजूनही कुठेही जात नाही. ब्राउझर्स त्याचा शोध घेत राहतात.
कारणापेक्षा जास्त काळ टिकलेली एक-फाइल परंपरा
favicon.ico परंपरा — वेब रूटमध्ये फाइल टाका आणि ब्राउझर्स ती आपोआप शोधतात — कधीही औपचारिकपणे मानकीकृत केली नव्हती. IE5 ने जे केले ते होते, आणि बाकी सर्वांनी ते कॉपी केले [3]. आजही, मोठ्या संख्येने ब्राउझर्स तुम्ही कोणतेही पेज उघडल्यावर शांतपणे GET /favicon.ico विनंती करतात, जरी HTML मध्ये <link rel="icon"> घोषित नसले तरी.
हा एक १९९९ चा अंमलबजावणी तपशील आहे जो जगातील प्रत्येक वेब सर्व्हर २०२६ मध्येही हाताळतो. खरोखरच उल्लेखनीय.
समाप्त