2021 के लिए Favicon गाइड

• ब्राउज़र स्पेक के अनुसार बहुत सारी फ़ाइलों की ज़रूरत होती है, लेकिन इन्हें एक में व्यवस्थित किया गया है

• 5 इमेज और एक JSON फ़ाइल

→ .ico 32x32 : पुराने ब्राउज़र

→ .svg : स्केल किया जा सकता है, ज़्यादातर आधुनिक ब्राउज़र, डार्क मोड भी सपोर्ट करता है

→ apple-touch-icon 180x180 : Apple डिवाइस के लिए; iOS8+ के बाद 180x180 आकार। लगभग 20px padding और बैकग्राउंड रंग जोड़ने पर अच्छा दिखता है

→ manifest(JSON) : PWA और Android डिवाइस के लिए

→ 192x192 : होमस्क्रीन

→ 512x512 : PWA लोडिंग के समय splash screen के लिए

• लेख में बताया गया है कि इन 5 आइकनों को एक ही SVG से कैसे बनाया और optimize किया जाए, वह भी चरण-दर-चरण