PWA आइकन जेनरेटर - प्रोग्रेसिव वेब ऐप के लिए आइकन बनाएं

अपने PWA के लिए सभी स्टैंडर्ड साइज के आइकन और मेनिफेस्ट इमेजेस तुरंत जेनरेट करें।

गोपनीयता पहले

  • फ़ाइलें आपके ब्राउज़र को कभी नहीं छोड़तीं
  • कोई सर्वर अपलोड नहीं
  • आपके डिवाइस पर स्थानीय रूप से संसाधित

PWA आइकन क्या है और 'Maskable Icon' की आवश्यकता क्यों है?

PWA आइकन वेब ऐप का विजुअल प्रतीक है जब इसे होम स्क्रीन पर 'स्थापित' किया जाता है। आधुनिक Android सिस्टम विभिन्न आकारों में क्रॉप करने के लिए 'मैस्केबल आइकनों' का उपयोग करते हैं। इनमें एक निर्दिष्ट 'सेफ ज़ोन' होता है जो सभी सिस्टम थीम में आपके ब्रांड की स्पष्ट दृश्यता सुनिश्चित करता है।

प्रोफेशनल PWA आइकन सेट के लिए 3 चरण

कोडिंग या ब्राउज़र मेनिफेस्ट फ़ाइलों का अब कोई झंझट नहीं। जानें कि सेकंडों में सीधे ब्राउज़र में अपने PWA प्रोजेक्ट को कैसे पूरा करें।

  1. मास्टर आइकन (512x512) अपलोड करें: सर्वश्रेष्ठ गुणवत्ता और स्पष्टता के लिए PNG का उपयोग करें।
  2. Maskable और मानक आइकन बनाएं: रीसाइजिंग और मानकों का पालन तत्काल स्थानीय रूप से ब्राउज़र में होता है।
  3. मेनिफेस्ट स्निपेट कॉपी करें और डाउनलोड करें: लाइटहाउस स्कोर में 100/100 प्राप्त करने के लिए कोड और फ़ाइलें प्राप्त करें।

Pixes.app लाभ

परफेक्ट स्कोर के लिए Lighthouse अनुपालन। हम इमेज और manifest.json कोड दोनों जेनरेट करते हैं। 100% गोपनीयता के लिए सब कुछ स्थानीय रूप से ब्राउज़र में होता है। मुफ़्त, तेज़ और बिना रजिस्ट्रेशन के। Android और iOS के लिए 2026 मानकों का समर्थन।

इस टूल का उपयोग कैसे करें

  1. उच्चतम रिज़ॉल्यूशन वाली छवि चुनें, सबसे अच्छा 512x512 पिक्सेल की PNG फ़ाइल होगी। 'छवि चुनें' पर क्लिक करें।
  2. जैसे ही फ़ाइल अपलोड होती है, हमारा टूल एक साथ 192x192 (सामान्य), 512x512 (Splash Screen), और 'maskable-icon-512x512' संस्करण जेनरेट करता है।
  3. हम 'icons' एरे जेनरेट करते हैं जिसे आपको अपनी manifest.json फ़ाइल में पेस्ट करना होगा। 'कोड कॉपी करें' पर क्लिक करें और एक ZIP फ़ाइल में पूरा सेट डाउनलोड करें।

संबंधित टूल

अक्सर पूछे जाने वाले प्रश्न

PWA के लिए सबसे अच्छा फ़ाइल प्रारूप क्या है?
PNG प्रारूप मानक है। संगतता के लिए पारदर्शी PNG सबसे अच्छा विकल्प है।
एक 'Maskable' आइकन क्या है?
यह वह आइकन है जो Android को मूल लोगो को नुकसान पहुँचाए बिना उसे विभिन्न आकारों में क्रॉप करने की अनुमति देता है।
manifest.json में कौन से आइकन जोड़ने चाहिए?
कम से कम 192x192 और 512x512। हमारा टूल आपको पूरा कोड ब्लॉक प्रदान करता है।
स्थापना के बाद मेरा PWA आइकन क्यों नहीं दिख रहा है?
अक्सर इसका कारण manifest.json में गलत पथ (Path) होता है। सुनिश्चित करें कि पथ आपके प्रोजेक्ट फ़ोल्डर्स से बिल्कुल मेल खाते हैं।