क्या एक Favicon का Background Transparent होना चाहिए?
एक transparent background browser-tab favicon के लिए उपयुक्त है, जिससे mark एक हल्के या गहरे chrome पर साफ़ बैठता है। पर iOS apple-touch-icon पर transparency को अनदेखा करता है और उसे काले पर composite करता है, इसलिए एक transparent home-screen आइकन एक काले चौकोर पर तैरती एक आकृति बन सकता है। tab favicon के लिए transparency इस्तेमाल करें, और apple-touch-icon तथा अन्य home-screen sizes के लिए एक ठोस background।
जहाँ मदद करे वहाँ transparent, जहाँ न करे वहाँ ठोस
tab favicon के लिए, transparency एक फ़ायदा है: mark जिस भी रंग का browser chrome हो, हल्का या गहरा, उसके अनुकूल हो जाता है। यही वह एक surface है जहाँ एक साफ़ background सचमुच मदद करता है।
Home-screen आइकन इसके उलट हैं। iOS alpha channel को गिरा देता है और apple-touch-icon को काले पर composite करता है, और Android maskable icons को एक आकार में crop करने के लिए एक full-bleed background चाहिए। दोनों पर, एक transparent स्रोत ग़लत दिखता है।
Favicon transparency FAQ
क्या मेरे favicon का background transparent होना चाहिए?
browser tab के लिए, हाँ। यह हल्के और गहरे chrome के अनुकूल हो जाता है। apple-touch-icon और अन्य home-screen sizes के लिए, नहीं। एक ठोस background इस्तेमाल करें।
मेरा iOS home-screen आइकन एक काले चौकोर पर क्यों है?
क्योंकि iOS transparency को अनदेखा करता है और apple-touch-icon को काले पर composite करता है। उस आइकन को एक ठोस background fill के साथ दोबारा export करें।
क्या maskable icons को एक background चाहिए?
हाँ। Maskable icons launcher द्वारा एक आकार में crop किए जाते हैं, इसलिए उन्हें mark को safe zone के अंदर रखते हुए एक full-bleed background चाहिए।