छवि पुनर्विक्रेता
छवि आयाम और एक वैकल्पिक JPEG फ़ाइल-आकार सीमा एक साथ सेट करें। पूरी छवि रखें या सटीक कैनवास के लिए बॉर्डर जोड़ें।
ICO और PNG फ़ेविकॉन बनाएं, छोटे आइकन का पूर्वावलोकन करें और अपने ब्राउज़र में एक पूर्ण ज़िप डाउनलोड करें।
एक छवि चुनें, पैडिंग और पृष्ठभूमि रंग सेट करें, छोटे पूर्वावलोकन जांचें, फिर ज़िप बनाएं और डाउनलोड करें।
असमर्थित एसवीजी सामग्री हटा दी गई। डाउनलोड करने से पहले पूर्वावलोकन जांचें।
16, 32 और 48 पिक्सेल पूर्वावलोकन वास्तविक आकार में दिखाए गए हैं। बारीक विवरण 16 पिक्सेल पर गायब हो सकता है।
ज़िप में 9 फ़ाइलें हैं: ICO, SVG, पाँच PNG, एक आइकन मेनिफ़ेस्ट और HTML स्निपेट।
favicon.icofavicon.svgfavicon-16x16.pngfavicon-32x32.pngapple-touch-icon.pngandroid-chrome-192x192.pngandroid-chrome-512x512.pngsite.webmanifestfavicon-html.txt<head>अपनी साइट पर फ़ाइलें होस्ट करें और पथ समायोजित करें। आइकन प्रविष्टियों को मौजूदा मैनिफ़ेस्ट में मर्ज करें।
एक छवि चुनें, पैडिंग और पृष्ठभूमि रंग सेट करें, छोटे पूर्वावलोकन जांचें, फिर ज़िप बनाएं और डाउनलोड करें।
उदाहरण: एक पारदर्शी 1024×1024 लोगो अपलोड करें, पारदर्शिता रखें और 10% पैडिंग का उपयोग करें। ज़िप में आईसीओ (16/32/48), पांच पीएनजी, एक पीएनजी युक्त एक एसवीजी, एक आइकन मेनिफ़ेस्ट और HTML स्निपेट शामिल है। साधारण निशान 16 पिक्सेल पर अधिक स्पष्ट रहते हैं; बारीक विवरण गायब हो सकते हैं.
फ़ेविकॉन वह छोटा आइकन है जो ब्राउज़र आपके पृष्ठ शीर्षक के आगे टैब, बुकमार्क और इतिहास में दिखाता है। यह छोटा होता है - अक्सर केवल 16×16 पिक्सेल - इसलिए एक अच्छा फ़ेविकॉन सरल, उच्च-कंट्रास्ट और एक नज़र में पहचानने योग्य होता है। यह जनरेटर आपकी छवि को पूरी तरह से आपके ब्राउज़र में सामान्य फ़ेविकॉन आकारों में परिवर्तित करता है। कुछ भी अपलोड नहीं किया गया है.
| फ़ाइल | आकार | के लिए इस्तेमाल होता है |
|---|---|---|
| favicon.ico | 16, 32, 48 | ब्राउज़र टैब और बुकमार्क |
| favicon.svg | 512 × 512 | एसवीजी-सक्षम ब्राउज़र; एंबेडेड पीएनजी |
| favicon-16x16.png, favicon-32x32.png | 16, 32 | पीएनजी फ़ॉलबैक |
| apple-touch-icon.png | 180 × 180 | आईओएस होम स्क्रीन और सफारी |
| android-chrome-192x192.png, android-chrome-512x512.png | 192, 512 | Android और PWA आइकन प्रविष्टियाँ |
पीएनजी, जेपीईजी, वेबपी और सादा एसवीजी इनपुट समर्थित हैं। फ़ाइलें प्रति पक्ष 10 एमबी और 4096 पिक्सेल तक सीमित हैं। एनिमेटेड छवियाँ समर्थित नहीं हैं. एसवीजी इनपुट आपके ब्राउज़र में रैस्टराइज़ किए गए हैं; स्क्रिप्ट, बाहरी संदर्भ, चित्र, स्टाइलशीट, फ़िल्टर और एनिमेशन हटा दिए गए हैं और प्रस्तुत नहीं किए जाएंगे। पाठ उपलब्ध स्थानीय फ़ॉन्ट का उपयोग करता है. यदि आपका एसवीजी इन सुविधाओं का उपयोग करता है तो पूर्वावलोकन जांचें।
ICO में 16×16, 32×32, और 48×48 PNG-संपीड़ित प्रविष्टियाँ शामिल हैं। डाउनस्केलिंग मल्टी-स्टेप रिसैम्पलिंग का उपयोग करता है, लेकिन एक विस्तृत फोटो अभी भी 16 पिक्सेल पर विवरण खो देता है - साधारण निशान सबसे अच्छा काम करते हैं। चयनित होने पर ICO और PNG में पारदर्शिता संरक्षित रहती है; Apple टच आइकन एक ठोस पृष्ठभूमि का उपयोग करता है। एसवीजी आउटपुट एक पीएनजी एम्बेड करता है और एक वेक्टर रूपांतरण नहीं है। आपका मूल अपरिवर्तित रहता है.
मल्टी-साइज़ ICO (16/32/48), एक 180×180 Apple टच आइकन और Android के लिए 192/512 PNG शिप करें। ये सामान्य ब्राउज़र और डिवाइस आकार हैं, इसकी कोई गारंटी नहीं है कि प्रत्येक प्लेटफ़ॉर्म प्रत्येक फ़ाइल का उपयोग करता है।
ICO फ़ॉलबैक और PNG या SVG विकल्प शामिल करें। HTML स्निपेट की प्रतिलिपि बनाएँ, फिर जहाँ आप फ़ाइलों को होस्ट करते हैं उससे मिलान करने के लिए पथों को अपडेट करें।
कई आधुनिक ब्राउज़र एसवीजी फ़ेविकॉन का समर्थन करते हैं। जो ब्राउज़र ऐसा नहीं करते उनके लिए ICO फ़ॉलबैक रखें। यह उपकरण एसवीजी के अंदर 512×512 पीएनजी एम्बेड करता है; यह आपके लोगो को वेक्टर पथों में ट्रेस नहीं करता है।
ब्राउज़र फ़ेविकॉन को आक्रामक तरीके से कैश करते हैं। हार्ड रिफ्रेश का प्रयास करें या ब्राउज़र कैश साफ़ करें। फ़ाइल पथों की जाँच करें, और यदि कैश्ड आइकन बना रहता है तो फ़ाइल नाम या संस्करण क्वेरी बदलें।
Apple टच आइकन हमेशा आपके द्वारा यहां चुने गए Apple पृष्ठभूमि रंग पर चपटा होता है। ICO और अन्य PNG फ़ाइलें चयनित होने पर पारदर्शिता रखती हैं।
नहीं, मेनिफेस्ट में केवल आइकन प्रविष्टियाँ हैं। उन्हें अपने मौजूदा मेनिफेस्ट में मर्ज करें या नाम, प्रारंभ URL और अन्य PWA सेटिंग्स जोड़ें जिनकी आपकी साइट को आवश्यकता है।