योग्य फेव्हिकॉन सेट म्हणजे एका फाइलपेक्षा जास्त: ब्राउझरना मल्टी-साइझ .ico हवे, iOS ला 180px चे apple-touch-icon हवे, Android ला 192 आणि 512px चे PNGs अधिक वेब मॅनिफेस्ट हवे. हे टूल एकाच इमेजमधून हे सगळे रेंडर करते आणि एका ZIP मध्ये बांधून देते — तुमच्या <head> मध्ये पेस्ट करायचे नेमके HTML टॅग्जही सोबत.
प्रिव्ह्यूमध्ये तुमचा आयकॉन खऱ्या 16, 32 आणि 48px आकारात दिसतो, त्यामुळे लहान आकारातही तो ओळखू येतो का हे प्रकाशित करण्यापूर्वीच तपासता येते.
कसे वापरायचे
- तुमचा लोगो जोडाचौरस इमेजेस उत्तम; इतर सेंटर-क्रॉप होतात.
- लहान साइझ तपासाटॅबमध्ये बहुतेक वापरकर्ते प्रत्यक्षात 16px प्रिव्ह्यूच पाहणार आहेत.
- ZIP डाउनलोड कराfavicon.ico, सहा PNGs, site.webmanifest आणि पेस्ट करायला तयार html-snippet.txt.
एक इमेज आत, संपूर्ण फेव्हिकॉन सेट बाहेर
एकच लोगो किंवा आयकॉन टाका — हा जनरेटर आधुनिक साइटला लागणारा संपूर्ण सेट बनवतो: 16, 32 आणि 48 पिक्सेल आवृत्त्या एकत्र बांधलेला मल्टी-साइझ favicon.ico, 16, 32, 48 चे स्वतंत्र PNGs, Apple टच आयकॉनसाठी 180, Android आणि PWA इन्स्टॉलसाठी 192 व 512, शिवाय site.webmanifest. सगळे एका ZIP मध्ये उतरते, त्यामुळे थेट प्रोजेक्ट रूटमध्ये टाकता येते.
योग्य link आणि meta टॅग आधीच जोडलेले, पेस्ट करायला तयार HTML head स्निपेटही मिळते. ते तुमच्या टेम्पलेटमध्ये कॉपी करा, फाइल्स अपलोड करा — आणि कोणतेही मार्कअप हाताने न लिहिता ब्राउझर टॅब, बुकमार्क आणि होम-स्क्रीन शॉर्टकटमध्ये फेव्हिकॉन दिसू लागतो.
प्रत्येक आकारात सुस्पष्ट आयकॉन
फेव्हिकॉन निर्दयीपणे लहान असतात, म्हणून जनरेटर 16, 32 आणि 48 पिक्सेलचे खऱ्या आकाराचे प्रिव्ह्यू रेंडर करतो — ब्राउझर टॅब ते जसे दाखवेल अगदी तसे. त्यामुळे 16px वर चिखल होणारा लोगो प्रकाशित करण्यापूर्वीच पकडता येतो. मूळ इमेज चौरस नसेल तर टूल ती सेंटर-क्रॉप करते — आयकॉन चेपला न जाता संतुलित राहतो.
संपूर्ण प्रक्रिया तुमच्या मूळ इमेजवरून ब्राउझरमध्ये चालते — म्हणजे हाय-रेझोल्यूशन लोगोमधून फेव्हिकॉन PNGs आणि ICO कोणत्याही अपलोड किंवा अकाउंटशिवाय बनवता येतात.
लोक याचा वापर कशासाठी करतात
नवीन साइट लॉन्च करताना — favicon.ico आणि प्रत्येक PNG साइझ एका फेरीत बनवा — पहिल्या दिवसापासून टॅब आणि बुकमार्क पूर्ण दिसतात.
PWA इन्स्टॉल आयकॉन जोडताना — 192 आणि 512 PNGs अधिक site.webmanifest एक्सपोर्ट करा — तुमचे अॅप योग्य होम-स्क्रीन आयकॉनसह इन्स्टॉल होते.
Apple टच आयकॉन — 180x180 apple-touch-icon बनवा — iOS बुकमार्क आणि होम स्क्रीनवर सुस्पष्ट टाइल दिसते.
विद्यमान साइटचे रीब्रँडिंग — एक नवा लोगो जनरेटरमधून फिरवा आणि संपूर्ण आयकॉन सेट एकदम बदला.
क्लायंट हँडऑफ — ico, PNGs, मॅनिफेस्ट आणि head स्निपेटचा एकच ZIP द्या — डेव्हलपरला फक्त टाकायचे उरते.
लहान आकारातील वाचनीयता तपासणे — खऱ्या आकाराच्या 16px प्रिव्ह्यूने तपशीलवार लोगो अजूनही आयकॉन म्हणून वाचता येतो का ते पडताळा.
चौरस नसलेला लोगो — रुंद वर्डमार्क द्या — सेंटर-क्रॉप त्याचा संतुलित चौरस फेव्हिकॉन बनवते.
स्टॅटिक साइट किंवा फ्रेमवर्क प्रोजेक्ट — तयार झालेले head टॅग तुमच्या Next, Astro किंवा साध्या HTML टेम्पलेटमध्ये कॉपी करा आणि प्रकाशित करा.
IMG.DIY का
संपूर्ण सेट
ICO + 16/32/48/180/192/512 PNGs + मॅनिफेस्ट.
कॉपी-पेस्ट HTML
नेमके link टॅग्ज टेक्स्ट फाइल म्हणून समाविष्ट.
खऱ्या आकाराचा प्रिव्ह्यू
आधी आयकॉन खऱ्या 16/32/48px मध्ये पाहा.
खासगी
तुमचा लोगो ब्राउझरच्या बाहेर कधीच जात नाही.