Favicon उपकरण

सेकंड में अपनी वेबसाइट के लिए Favicon बनाएं और जांचें।

छवि से Favicon

किसी भी छवि (PNG, JPG, SVG, WebP, AVIF) को सभी उपकरणों के लिए पूर्ण Favicon सेट में बदलें।

Image

+

यहाँ एक छवि खींचें और छोड़ें

या फ़ाइल चुनने के लिए क्लिक करें

Supports PNG, JPG, WebP, AVIF, SVG and more.

Output

Generate to download a zip.

सारांश (TL;DR)

  • यूनिवर्सल इनपुट: PNG, JPG, WebP, या SVG को एक वैध फैविकॉन सेट में बदलें।
  • स्मार्ट साइज़िंग: वर्गाकार आइकन में पूरी तरह से फिट होने के लिए “कवर” (भरने के लिए क्रॉप करें) या “कंटेन” (पैडिंग जोड़ें) के बीच चुनें।
  • उत्पादन मानक: आधुनिक वेब संगतता के लिए न केवल एक फ़ाइल, बल्कि favicon.ico + PNG का आवश्यक मिश्रण तैयार करता है।

समर्पित कन्वर्टर का उपयोग क्यों करें?

आप बस logo.png का नाम बदलकर favicon.ico नहीं कर सकते। ICO प्रारूप एक विशिष्ट कंटेनर है जो विभिन्न आकारों की कई रस्टर छवियां रखता है।

यह उपकरण तकनीकी जटिलता को संभालता है:

  1. रीसैम्पलिंग: 16x16 आइकन को धुंधला होने से बचाने के लिए उच्च गुणवत्ता वाले फिल्टर।
  2. कंटेनर बिल्डिंग: 16x16, 32x32, और 48x48 संस्करणों को एक एकल .ico फ़ाइल में संकलित करना।
  3. आधुनिक फॉलबैक: Android और उच्च DPI स्क्रीन के लिए मानक PNG बनाना।

स्मार्ट क्रॉपिंग: कवर बनाम कंटेन

अधिकांश लोगो आयताकार होते हैं, लेकिन फैविकॉन वर्गाकार होने चाहिए

1. कवर (भरने के लिए क्रॉप करें)

  • व्यवहार: छवि को वर्ग भरने तक ज़ूम करता है। किनारे कट जाते हैं।
  • इसके लिए सर्वोत्तम: प्रतीक या आइकन जो लगभग वर्गाकार हैं।

2. कंटेन (फिट सेंटर)

  • व्यवहार: छवि को वर्ग के भीतर पूरी तरह से फिट करने के लिए छोटा करता है, पारदर्शी पैडिंग जोड़ता है।
  • इसके लिए सर्वोत्तम: चौड़े शब्दचिह्न या ऊंचे लोगो जो काटे नहीं जा सकते।

PRO टिप: यदि आपका लोगो एक चौड़ा शब्दचिह्न है, तो उसे 16x16 वर्ग में फिट करने का प्रयास करें। यह अपठनीय होगा। एक सरलीकृत संस्करण बनाएं।

ICO प्रारूप को समझना

.ico फ़ाइल अद्वितीय है।

  • 16x16: डेस्कटॉप पर मानक टैब आइकन।
  • 32x32: उच्च DPI (रेटिना) स्क्रीन के लिए।
  • 48x48: विंडोज द्वारा डेस्कटॉप आइकन के लिए उपयोग किया जाता है।

सर्वोत्तम प्रथाएं

  1. बड़ा शुरू करें: कम से कम 512x512 पिक्सेल की छवि अपलोड करें।
  2. कंट्रास्ट जांचें: सुनिश्चित करें कि आपका लोगो हल्के और गहरे दोनों पृष्ठभूमि पर दिखाई दे।
  3. पारदर्शिता कुंजी है: पारदर्शी PNG या SVG का उपयोग करें।

FAQ

मेरा फैविकॉन धुंधला क्यों दिखता है?

16x16 पिक्सेल पर, आपके पास सीमित विवरण होते हैं। सरल डिज़ाइन का उपयोग करें।

क्या मैं केवल PNG का उपयोग कर सकता हूँ?

अधिकांश आधुनिक ब्राउज़र PNG का समर्थन करते हैं, लेकिन पुराने सिस्टम अभी भी favicon.ico की तलाश करते हैं। दोनों प्रदान करना सबसे सुरक्षित है।

enesvizharptrujadefrkoittrplnlidthhi