पारदर्शी फ़ेविकॉन गाइड
फ़ेविकॉन पर एक ठोस पृष्ठभूमि पुरानी दिखती है और डार्क मोड से टकराती है। अल्फ़ा को शुरू से आखिर तक कैसे रखा जाए, यहां बताया गया है।
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
एक पारदर्शी स्रोत से शुरुआत करें
अपने लोगो को बिना पृष्ठभूमि भरण के PNG-32 के रूप में निर्यात करें, या SVG का उपयोग करें। अधिकांश धुंधलापन बेक्ड-इन सफेद पृष्ठभूमि से आता है, फ़ेविकॉन टूल से नहीं।
.ico अल्फा को सपोर्ट करता है
.ico के अंदर PNG-संपीड़ित प्रविष्टियाँ अपना अल्फा चैनल रखती हैं। बिटमैप प्रविष्टियाँ ऐसा नहीं करतीं - ऐसे उपकरण का उपयोग करें जो प्रति आकार सही एन्कोडिंग चुनता हो।
डार्क मोड को संभालना
एक SVG को <style>@मीडिया (पसंद-रंग-योजना: गहरा) { ... }</style> ब्लॉक के साथ शिप करें, और .ico को स्थिर फ़ॉलबैक को संभालने दें।
सामान्य प्रश्न
How do I make a favicon with a transparent background?
Start from a PNG-32 or SVG with no baked-in background. Export to .ico using a tool that preserves the alpha channel.
Does .ico support transparency?
Yes when entries use PNG compression. Bitmap-encoded .ico entries do not preserve alpha.
How do transparent favicons work in dark mode?
Ship an SVG favicon with prefers-color-scheme styles, and keep a static .ico fallback for browsers that ignore SVG.