निःशुल्क फेभिकन जेनेरेटर
जुनसुकै छविलाई पूर्ण favicon प्याकेजमा रूपान्तरण गर्नुहोस्: बहु-साइज favicon.ico, Apple touch icon, Android/PWA icons, web manifest, र copy-paste-तयार HTML snippet — सबै zipped, तपाईंको ब्राउजरमा।
फाइल यहाँ छोड्नुहोस्, वा ब्राउज गर्न क्लिक गर्नुहोस्
PNG, JPG, WebP, SVG, HEIC, HEIF · तपाईंको उपकरणमा प्रशोधन गरियो
वा क्लिपबोर्डबाट टाँस्न Ctrl+V थिच्नुहोस्
तपाईंका फाइलहरू कहिल्यै तपाईंको यन्त्र छोड्दैनन्। सबै प्रशोधन तपाईंको ब्राउजरमा स्थानीय रूपमा हुन्छ।
💡 सबैभन्दा तीखो नतिजाका लागि कम्तीमा ५१२×५१२ को वर्गाकार छवि अपलोड गर्नुहोस्। पारदर्शी PNG वा SVG सबैभन्दा उपयुक्त छ।
सामान्य प्रयोगहरू
- वेबसाइट Favicon बनाउनुहोस्पूर्ण favicon सेट उत्पन्न गर्नुहोस् जुन हरेक ब्राउजर र डिभाइसले अपेक्षा गर्छ।
- PWA र Manifest आइकनहरू उत्पन्न गर्नुहोस्192px र 512px आइकनहरू र वेब मेनिफेस्ट प्राप्त गर्नुहोस् जुन PWA लाई आवश्यक हुन्छ।
- Apple टच आइकन बनाउनुहोस्180×180 आइकन उत्पन्न गर्नुहोस् जुन iOS ले साइट होम स्क्रीनमा सहेजिएको समयमा प्रयोग गर्छ।
- लोगोलाई Favicon मा रूपान्तरण गर्नुहोस्आपको ब्र्यान्ड लोगोलाई स्वच्छ, पहिचानयोग्य favicon मा रूपान्तरण गर्नुहोस्।
- कुनै पनि Framework को लागि Favicons उत्पन्न गर्नुहोस्React, Next.js, WordPress र अन्यका लागि ड्रप-इन favicon फाइलहरू प्राप्त गर्नुहोस्।
यो कसरी काम गर्छ
यो उपकरणले कुनै पनि PNG, JPEG, WebP, वा SVG लाई एउटा पूर्ण favicon प्याकेज — बहु-साइज .ico, Apple टच आइकन, Android/PWA आइकन, एउटा वेब मेनिफेस्ट, र प्रतिलिपि-तयार HTML स्निपेट — मा रूपान्तरण गर्छ, पूर्ण रूपमा Canvas API र JSZip प्रयोग गरी तपाईंको ब्राउजरभित्रै। केही पनि अपलोड हुँदैन; सबै रेन्डरिङ र फाइल एसेम्बली स्थानीय रूपमा हुन्छ।
- 1Canvas ले तपाईंको छवि पुनः-स्केल गर्छब्राउजरले तपाईंको स्रोत छविलाई हरेक आवश्यक साइज (16, 32, 48, 180, 192, र 512 px) मा अफ-स्क्रिन HTML Canvas एलिमेन्टहरूमा कोर्छ। स्पष्ट चौडाइ/उचाइ एट्रिब्युट नभएका SVG हरू पहिले DOMParser र XMLSerializer मार्फत सामान्यीकृत गरिन्छन् ताकि Firefox र Chrome ले खाली क्यानभासको सट्टा उस्तै पिक्सेल आउटपुट उत्पादन गरून्।
- 2हातले लेखिएको ICO इन्कोडरले .ico फाइल प्याक गर्छसाना ICO प्रविष्टिहरू (16, 32, 48 px) कच्चा 32-बिट BGRA DIB बिटम्यापको रूपमा इन्कोड गरिन्छन् — BITMAPINFOHEADER साथै तल-देखि-माथिको XOR पङ्क्ति र 1bpp AND मास्क — किनभने Windows शेल कम्पोनेन्टहरूलाई ती साइजमा अनकम्प्रेस गरिएको DIB फर्म्याट चाहिन्छ। उपकरणले ICO डाइरेक्टरी हेडर लेख्छ र प्रविष्टिहरूलाई पूर्ण रूपमा DataView र Uint8Array सँग जोड्छ, कुनै बाह्य ICO लाइब्रेरी संलग्न नभई।
- 3PNG आउटपुटहरू canvas.toBlob मार्फत उत्पादन गरिन्छन्हरेक PNG भेरियन्ट (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) 'image/png' सँग canvas.toBlob कल गरेर खिचिन्छ, लस्सी-रहित इन्कोडिङ ब्राउजरको बिल्ट-इन छवि इन्जिनलाई सुम्पिँदै। वैकल्पिक प्याडिङ, पृष्ठभूमि रङ, र आकार क्लिपिङ (वर्ग, राउन्डेड, वा वृत्त) खिच्नुअघि क्यानभास कन्टेक्स्टमा लागू गरिन्छ।
- 4JSZip ले सबै कुरालाई एउटा डाउनलोडमा बन्डल गर्छJSZip ले उत्पन्न सबै फाइलहरू — favicon.ico, पाँचवटा PNG, तपाईंको एप नामसहित site.webmanifest, र सही <link> ट्यागसहितको favicon-snippet.html — लाई एउटा एकल .zip blob मा जोड्छ जुन तपाईंको उपकरणमा स्वतः डाउनलोड हुन्छ।
तपाईंको छवि सीधै ब्राउजरको Canvas API मा लोड हुन्छ र कहिल्यै तपाईंको उपकरणबाट बाहिर जाँदैन — कुनै पनि बिन्दुमा कुनै फाइल डेटा कुनै सर्भरमा पठाइँदैन।
सम्बन्धित उपकरणहरू
PNG बाट ICO फेभिकन कन्भर्टर
PNG, JPG, WebP, वा SVG छविहरूलाई बहु-साइज .ico favicon फाइलहरूमा रूपान्तरण गर्नुहोस्। बन्डल गर्न चाहने साइजहरू (१६, ३२, ४८, ६४, १२८, २५६) छान्नुहोस् र एकल .ico डाउनलोड गर्नुहोस्।
एनिमेटेड GIF मेकर
एकाधिक छविहरूलाई एनिमेटेड GIF मा मिलाउनुहोस्। समायोज्य फ्रेम ढिलाइ, आउटपुट चौडाइ, लूपिङ, र गुणस्तर। पूर्णतः तपाईंको ब्राउजरमा एनकोड हुन्छ।
हस्ताक्षर निर्माता
आफ्नो माउस, औंला, वा स्टाइलसले हस्ताक्षर कोर्नुहोस्, वा ह्यान्डराइटिङ फन्टमा आफ्नो नाम टाइप गर्नुहोस्, त्यसपछि यसलाई पारदर्शी PNG वा SVG को रूपमा निर्यात गर्नुहोस्।