PWA आइकन जेनरेटर

इंस्टॉल होने लायक़ वेब ऐप को जो आइकन चाहिए — 192 और 512px की PNG और साथ में site.webmanifest — वे सब एक ही इमेज से बनाएँ, पूरी तरह अपने ब्राउज़र में।

निजता सर्वोपरि: हर छवि आपके ब्राउज़र में स्थानीय रूप से संसाधित होती है। कुछ भी किसी सर्वर पर अपलोड, संग्रहीत या प्रेषित नहीं किया जाता।

वे आइकन जो ऐप को इंस्टॉल होने लायक़ बनाते हैं

प्रोग्रेसिव वेब ऐप इंस्टॉल होने लायक़ है या नहीं, यह कुछ हद तक उसके आइकनों से तय होता है: ब्राउज़र इंस्टॉल प्रॉम्प्ट देने या होम स्क्रीन पर ढंग का आइकन रखने से पहले एक वेब मैनिफ़ेस्ट ढूँढ़ते हैं जिसमें कम से कम 192×192 और 512×512 की PNG घोषित हों। यह जेनरेटर आपकी सोर्स इमेज से दोनों रेंडर करता है और एक site.webmanifest लिखता है जो उनका संदर्भ देता है — साथ में वह apple-touch-icon भी जो iOS चाहता है, और आम टैब के लिए एक favicon.ico।

लॉन्चर के हिसाब से आकार दें

Android लॉन्चर आइकन को गोल या गोल कोनों वाले चौकोर में मास्क कर सकते हैं, इसलिए किनारे तक फैली कलाकारी कट सकती है। यहाँ पैडिंग और ठोस बैकग्राउंड जोड़ दें और मास्क कोई भी लगे, अहम हिस्सा सेफ़ एरिया के भीतर बना रहता है; लाइव प्रीव्यू हर साइज़ पर नतीजा दिखाता है। सब कुछ आपके डिवाइस पर Canvas API से रेंडर होता है — आपका लोगो कभी अपलोड नहीं होता — और पूरा सेट एक zip में डाउनलोड होता है।

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

क्या फ़ेविकॉन बनाने के लिए मेरी इमेज अपलोड होती है?
नहीं। favicon.ico, PNG आइकन और मैनिफ़ेस्ट सब आपके ब्राउज़र में Canvas API का उपयोग करके लोकली बनते हैं। आपकी इमेज कभी आपके डिवाइस से बाहर नहीं जाती।
मुझे कौन-से साइज़ और फ़ाइलें मिलती हैं?
एक मल्टी-रिज़ॉल्यूशन favicon.ico (16, 32 और 48px), 16, 32, 48, 180 (apple-touch-icon), 192 और 512px पर PNG आइकन, एक site.webmanifest, और आपके <head> में पेस्ट करने के लिए एक HTML स्निपेट।
क्या मैं PNG या SVG को ICO में बदल सकता हूँ?
हाँ। कोई PNG, JPG, SVG या WebP डालें और एक असली favicon.ico डाउनलोड करें। SVG लोगो पहले लोकली हाई रिज़ॉल्यूशन पर रैस्टराइज़ किए जाते हैं।
कौन-सी इमेज सबसे अच्छी रहती है?
एक वर्गाकार इमेज जिसमें सरल, हाई-कंट्रास्ट लोगो हो। ग़ैर-वर्गाकार इमेज को फ़िट करने के लिए बीच से क्रॉप किया जाता है; उसे अपने मनमुताबिक फ़्रेम करने के लिए पैडिंग और आकार कंट्रोल का उपयोग करें।
मैं फ़ेविकॉन कैसे इंस्टॉल करूँ?
पैकेज को अपनी साइट के रूट फ़ोल्डर में अनज़िप करें और दिया गया HTML स्निपेट अपने पेजों के <head> में पेस्ट करें। favicon.ico को ज़्यादातर ब्राउज़र अपने आप उठा लेते हैं।