PWA आइकन जेनरेटर (मुफ्त, तेज़ और निजी)

अपने PWA के लिए आवश्यक सभी मानक आइकन आकार जेनरेट करें।

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

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

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

यह आपके वेब ऐप का दृश्य प्रतीक है जब इसे होम स्क्रीन या डेस्कटॉप पर 'स्थापित' (Install) किया जाता है। क्लासिक वेबसाइटों के विपरीत, PWA को manifest.json फ़ाइल के माध्यम से परिभाषित किया जाता है, जहाँ 'PWA आइकन आकार' (आमतौर पर 192x192 और 512x512) निर्दिष्ट किए जाते हैं। और अब, Android 'Maskable Icons' ने खेल बदल दिया है। इनमें लोगो के चारों ओर एक निर्दिष्ट 'सेफ ज़ोन' (Safe Zone) होता है, जो सिस्टम को आपकी ब्रांडिंग को नुकसान पहुँचाए बिना आइकन को विभिन्न आकारों में क्रॉप करने की अनुमति देता है। हमारा जनरेटर दोनों विकल्पों को तुरंत संभालता है, यह सुनिश्चित करता है कि आपका PWA आधिकारिक स्टोर के किसी भी नेटिव प्रोग्राम से कमतर न दिखे।

PWA आइकन मेकर के लिए Pixes.app क्यों चुनें?

गूगल क्रोम और W3C के अनुरूप: हम उच्चतम Lighthouse स्कोर के लिए प्रत्येक आइकन का नाम और आकार नवीनतम मानकों के अनुसार सेट करते हैं।. अपने स्वचालित परीक्षणों में 'PWA आइकन गायब है' जैसी त्रुटियों को दूर करें।

manifest.json समर्थन शामिल: हम आपको न केवल चित्र देते हैं; बल्कि उनकी पहचान के लिए संपूर्ण JSON कोड भी जेनरेट करते हैं।. बिना तकनीकी दस्तावेजों की उपेक्षा किए आसानी से कॉपी और पेस्ट करें।

तेज़ और सरल: कोई शुल्क नहीं, कोई पंजीकरण नहीं और कोई ईमेल नहीं। सेकंडों में उच्च-गुणवत्ता वाले परिणाम।. हमारे ऑप्टिमाइज्ड टूल के साथ अपनी विकास चक्र को गति दें।

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

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

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

PWA आइकन के लिए एक्सपर्ट टिप्स

Lighthouse स्कोर सुधारें: गूगल Lighthouse को 192x192 और 512x512 आइकन के साथ-साथ कम से कम एक 'maskable' आइकन की आवश्यकता होती है। हमारा टूल 100/100 स्कोर के लिए सटीक पैकेज प्रदान करता है।

Splash Screen के लिए बैकग्राउंड: मेनिफेस्ट में 'background_color' सेटिंग के साथ पूरी तरह मेल खाने के लिए पारदर्शी PNG आइकन का उपयोग करें।

लोगो मार्जिन (Safe Zone): सुनिश्चित करें कि लोगो कम से कम 10% मार्जिन के साथ केंद्र में है। Pixes.app यह आपके लिए स्वचालित रूप से करता है।

हमारे PWA आइकन जनरेटर का उपयोग किसे करना चाहिए?

फ्रंटएंड और फुल-स्टैक डेवलपर्स: React, Vue या Angular प्रोजेक्ट्स को PWA में बदलते समय आइकन पर समय बर्बाद करने के बजाय, सेकंडों में मेनिफेस्ट-रेडी सेट प्राप्त करें।

📱 मोबाइल-फर्स्ट स्टार्टअप: नेटिव ऐप लॉन्च करने से पहले, सही आकार के PWA आइकन सेट के साथ अपनी ब्रांडिंग का परीक्षण करें।

🛒 ई-कॉमर्स और SaaS कंपनियाँ: उपयोगकर्ताओं को अपनी मार्का की गुणवत्ता दर्शाने वाले आइकन के साथ 'होम स्क्रीन पर जोड़ें' के लिए प्रोत्साहित करें।

गोपनीयता-उन्मुख प्रोजेक्ट: चूंकि पूरी प्रक्रिया क्लाइंट-साइड (Browser) पर होती है, इसलिए आपकी गोपनीय एसेट्स कभी आपके कंप्यूटर से बाहर नहीं जाती हैं।

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

  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) होता है। सुनिश्चित करें कि पथ आपके प्रोजेक्ट फ़ोल्डर्स से बिल्कुल मेल खाते हैं।