Maskable icons और safe zone
Android आपके app icon को उस आकृति में crop करता है जो भी launcher उपयोग करता है। एक maskable icon वह है जो उस crop से बचने के लिए बनाया गया है: full-bleed पृष्ठभूमि, कला safe zone के अंदर रखी गई।
एक सामान्य icon क्यों कट जाता है
अलग-अलग Android launchers अलग-अलग icon आकृतियाँ उपयोग करते हैं। उन्हें सुसंगत रखने के लिए, Android आपका icon लेकर उसे उस आकृति में crop करता है जो भी device उपयोग करता है। किनारे के पास logo वाला एक मानक icon अपने कोने खो देता है, और पारदर्शी पृष्ठभूमि वाला icon एक भद्दी crop रेखा पा जाता है।
एक maskable icon उस crop के लिए बना है। यह पूरे canvas को एक पृष्ठभूमि से भरता है ताकि कोई पारदर्शिता न हो, और हर महत्वपूर्ण चीज़ को उन किनारों से दूर रखता है जो कट सकते हैं।
safe zone
नियम सरल है: महत्वपूर्ण कला को भीतरी वृत्त के अंदर रखें, लगभग canvas का केंद्रीय 80 प्रतिशत। एक 512x512 icon पर यह लगभग 410 pixels व्यास का एक केंद्रित वृत्त है। इसके बाहर कुछ भी crop के लिए खुला है।
बाहरी वलय bleed है। यह केवल पृष्ठभूमि होना चाहिए, कोई logo नहीं, कोई text नहीं, कोई किनारा नहीं जिसे खोने की आपको परवाह हो। चूँकि आप नहीं जानते कि कोई विशेष device कौन-सी आकृति उपयोग करेगा, ऐसे design करें कि icon सही पढ़ा जाए चाहे वह अंत में circle बने, squircle, या गोल चौकोर।
इसे manifest में घोषित करें
{
"icons": [
{
"src": "/icon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
"src": "/icon-maskable-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}purpose field Android को बताता है कि किस icon को मास्क करना है। अपने मानक any icon के साथ एक maskable भेजें ताकि दोनों मामले संभल जाएँ। अगर एक icon crop और बिना crop दोनों में अच्छा काम करता है तो आप उस एक icon पर "purpose": "any maskable" भी सेट कर सकते हैं।
आम सवाल
maskable icon क्या है?
एक app icon जो Android द्वारा उसे launcher आकृति में crop करने से बचने के लिए बनाया गया है। इसमें एक full-bleed पृष्ठभूमि होती है और महत्वपूर्ण कला को एक केंद्रीय safe zone के अंदर रखता है, ताकि कोई आकृति logo न काटे।
maskable safe zone कितना बड़ा है?
महत्वपूर्ण सामग्री को canvas के भीतरी 80 प्रतिशत के अंदर रखें, एक केंद्रित वृत्त। एक 512x512 icon पर वह वृत्त लगभग 410 pixels चौड़ा है। इसके बाहर सब कुछ crop योग्य bleed मानें।
मैं किसी icon को maskable के रूप में कैसे चिह्नित करूँ?
अपने manifest icons array में icon entry में "purpose": "maskable" जोड़ें। इसे एक मानक purpose any icon के साथ भेजें, या एक ऐसे icon पर "any maskable" उपयोग करें जो crop और बिना crop काम करता हो।
मेरा Android home-screen icon कटा हुआ क्यों दिखता है?
आपका icon maskable नहीं है, इसलिए Android ने एक ऐसा design crop किया जो इसके लिए नहीं बना था। एक full-bleed पृष्ठभूमि और padding वाली कला के साथ एक maskable संस्करण जोड़ें, और इसे purpose maskable के साथ घोषित करें।