मोफत कनवर्टर

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

कोणत्याही प्रतिमेतून अनेक आकारात (16x16 ते 512x512) फेविकॉन फाइल्स व्युत्पन्न करा. विनामूल्य, झटपट आणि पूर्णपणे तुमच्या ब्राउझरमध्ये चालते.

येथे प्रतिमा ड्रॅग आणि ड्रॉप करा

PNG, JPG, SVG, WebP ला सपोर्ट करते. कमाल 10MB.

किंवा

या साधनाबद्दल

फेविकॉन हे ब्राउझर टॅब, बुकमार्क आणि इतिहास सूचीमध्ये दिसणारे लहान चिन्ह आहे. मूळ फेविकॉन — /favicon.ico वरील 16×16 ICO फाइल — वेगवेगळ्या प्लॅटफॉर्मसाठी वेगवेगळ्या आकारात आयकॉनच्या जटिल संचामध्ये विस्तारली आहे: ब्राउझर टॅबसाठी 16×16 आणि 32×32, iOS होम स्क्रीनसाठी 180×180, 192×192 आणि 512×192 आणि Android साठी विविध आकार आणि Windows साठी 512×512. हे सर्व एकाच स्त्रोत प्रतिमेवरून तयार करणे हे आधुनिक फेविकॉन जनरेटर करते.

हे साधन एकच उच्च-रिझोल्यूशन स्रोत प्रतिमा (सामान्यत: चौरस लोगो) घेते आणि फेविकॉन मालमत्तांचा संपूर्ण संच तसेच त्यांचा संदर्भ देण्यासाठी आवश्यक HTML लिंक टॅग तयार करते. आउटपुटमध्ये ICO, एकाधिक PNGs आणि प्रगतीशील वेब ॲप मेटाडेटा साठी manifest.json समाविष्ट आहे. परिणामी फाइल्स तुमच्या साइटच्या रूटवर ड्रॉप करा आणि व्युत्पन्न केलेल्या HTML द्वारे त्यांचा संदर्भ घ्या.

सर्व प्रक्रिया तुमच्या ब्राउझरमध्ये होते. अपलोड नाही, API कॉल नाही, दर मर्यादा नाही. आउटपुट प्रत्येक आधुनिक ब्राउझर आणि ऑपरेटिंग सिस्टमवर कार्य करते जे फेविकॉन प्रदर्शित करते.

फेविकॉन का व्युत्पन्न करा

फेविकॉन नसलेल्या साइट्स अपूर्ण दिसतात. ब्राउझर टॅब एक सामान्य चिन्ह दर्शवतात; बुकमार्क्सना व्हिज्युअल आयडेंटिफायर नाही; साइट कमी व्यावसायिक दिसते. योग्य फेविकॉन सेट जोडणे ही कमी-प्रयत्नाची उच्च-प्रभाव देणारी पॉलिश पायरी आहे जी तपशीलाकडे लक्ष वेधते.

आधुनिक फेविकॉन आवश्यकता /favicon.ico च्या पलीकडे वाढल्या आहेत. iOS होम स्क्रीन आयकॉन्स, अँड्रॉइड क्रोम आयकॉन्स, विंडोज टाइल आयकॉन्स आणि डार्क मोड व्हेरियंट सर्व वेगवेगळ्या फाइल्स वापरतात. ते सर्व एकाच स्रोतातून व्युत्पन्न केल्याने प्रत्येक फाईल हाताने व्यवस्थापित न करता सातत्यपूर्ण ब्रँडिंग सुनिश्चित होते.

कसे वापरावे

स्रोत प्रतिमा अपलोड करा, पूर्ण फेविकॉन संच मिळवा.

  1. स्रोत प्रतिमा अपलोड करा: किमान ५१२×५१२ पिक्सेलची चौरस प्रतिमा वापरा. PNG ला प्राधान्य दिले जाते (पारदर्शकता समर्थन); SVG देखील स्वीकारले जाते. उच्च-रिझोल्यूशन स्रोत अधिक तीक्ष्ण लहान चिन्ह तयार करतात.
  2. प्लॅटफॉर्म पर्याय कॉन्फिगर करा: आवश्यकतेनुसार iOS, Android, Windows आणि PWA आउटपुट सक्षम करा. डीफॉल्ट सेटिंग्ज बहुतेक साइटला आवश्यक असलेला मानक सेट तयार करतात.
  3. रंग आणि थीम सानुकूलित करा: विंडोज टाइल्स आणि पीडब्ल्यूए स्प्लॅश स्क्रीनसाठी थीम रंग निवडा. तुमची ब्रँड ओळख जुळवा.
  4. डाउनलोड करा आणि उपयोजित करा: व्युत्पन्न झिप जतन करा. फाइल्स तुमच्या साइटच्या रूटवर ठेवा आणि व्युत्पन्न केलेले HTML लिंक टॅग तुमच्या <head> मध्ये जोडा. HTML योग्य आकारात प्रत्येक चिन्हाचा संदर्भ देते.

सामान्य वापर प्रकरणे

तांत्रिक तपशील

संपूर्ण आधुनिक फेविकॉन संच: favicon.ico (16+32+48 मल्टी-रिझोल्यूशन), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-12png, 52png mstile-150x150.png. प्लस PWA साठी site.webmanifest, Windows साठी browserconfig.xml.

प्रत्येक PNG स्त्रोताकडून कॅनव्हास-आधारित डाउनसॅम्पलिंगद्वारे व्युत्पन्न केला जातो. DataView राइट्स वापरून मल्टी-रिझोल्यूशन ICO फॉरमॅटमध्ये 16/32/48 आवृत्त्या एकत्रित करून ICO JavaScript मध्ये तयार केले आहे.

एचटीएमएल लिंक टॅग प्रत्येक फाइलला योग्य rel आणि आकार गुणधर्मांसह संदर्भित करतात. जनरेटर हे तुमच्या साइटच्या <head> साठी कॉपी-पेस्ट-रेडी स्निपेट म्हणून तयार करतो.

सर्वोत्तम पद्धती

वारंवार विचारले जाणारे प्रश्न

मी कोणते इमेज फॉरमॅट अपलोड करावे?
पारदर्शक पार्श्वभूमीसह PNG सर्वोत्तम कार्य करते. कमीत कमी 512x512 पिक्सेलची चौकोनी प्रतिमा वापरा जेणेकरुन टूल गुणवत्तेची हानी न करता स्केल करू शकेल. SVG देखील चांगले कार्य करते कारण ते कोणत्याही आकारात स्केल करते.
हे कोणते आकार तयार करते?
16x16 (ब्राउझर टॅब), 32x32 (ब्राउझर टॅब @2x), 48x48 (विंडोज टास्कबार), 180x180 (Apple टच आयकॉन), 192x192 (Android होम स्क्रीन), 512x512 (PWA स्प्लॅश स्क्रीन). ICO फाइलमध्ये 16, 32 आणि 48px आकार आहेत.
मी फेविकॉन फाइल्स कुठे ठेवू?
तुमच्या वेबसाइट रूट निर्देशिकेत favicon.ico ठेवा. इतर PNG आकार तुमच्या सार्वजनिक फोल्डरमध्ये किंवा कोणत्याही प्रवेशयोग्य मार्गावर जातात. तुमच्या <head> विभागात प्रत्येक फाइल स्थानाकडे निर्देश करत HTML लिंक टॅग जोडा.
ब्राउझरमध्ये माझे फेविकॉन अपडेट का होत नाही?
ब्राउझर आक्रमकपणे फेविकॉन कॅशे करतात. तुमचा ब्राउझर कॅशे साफ करा, गुप्त विंडोमध्ये उघडण्याचा प्रयत्न करा किंवा जबरदस्तीने रीफ्रेश करण्यासाठी फेविकॉन URL मध्ये आवृत्ती क्वेरी स्ट्रिंग (?v=2) जोडा.
माझे फेविकॉन अपडेट का होत नाही?
ब्राउझर आक्रमकपणे फेविकॉन कॅशे करतात, काहीवेळा दिवसांसाठी. कॅशे साफ करून, आयकॉन URL थेट उघडून किंवा लिंक टॅगमध्ये आवृत्ती क्वेरी पॅरामीटर जोडून रीफ्रेश करा.
माझी प्रतिमा सर्व्हरवर अपलोड केली आहे का?
नाही. जनरेशन तुमच्या ब्राउझरमध्ये होते.
मी SVG किंवा PNG वापरावे का?
स्त्रोतासाठी SVG (रिझोल्यूशन-स्वतंत्र). जनरेटर विशिष्ट आकारात PNGs आउटपुट करतो; आधुनिक ब्राउझर लिंक rel=icon type=image/svg+xml द्वारे SVG फेविकॉनला देखील समर्थन देतात.
site.webmanifest काय आहे?
चिन्ह, रंग आणि इतर मेटाडेटा यांचे वर्णन करणाऱ्या प्रगतीशील वेब ॲप्ससाठी JSON मॅनिफेस्ट. स्थापित करण्यायोग्य वेब ॲप्ससाठी आवश्यक; अगदी मानक साइटवर समाविष्ट करण्यासाठी निरुपद्रवी.