AVIF को ICO में बदलें
अगर आपके लोगो की एकमात्र कॉपी .avif फ़ाइल है, तो यह पेज उसे ऐसे favicon.ico में बदल देता है जिसमें 16 से 256 px तक के सभी आम आइकन साइज़ होते हैं और ट्रांसपेरेंट बैकग्राउंड बना रहता है।
इमेज कन्वर्टर
या JPG, JPEG, JPE … फ़ाइलें यहाँ ड्रop करें ·
प्रति फ़ाइल अधिकतम 95 MB· अधिकतम 20 फ़ाइलें· 30 मिनट बाद हटा दी जाती हैं
फ़ाइलें हमारे सर्वर पर प्रोसेस होती हैं और 30 मिनट बाद हटा दी जाती हैं।
85 पर फ़ोटो देखने में मूल जैसी ही रहती हैं। छोटी फ़ाइल चाहिए तभी इसे घटाएँ।
JPG, BMP और EPS में ट्रांसपेरेंसी नहीं होती। पारदर्शी पिक्सल इस रंग से भरे जाते हैं।
पारदर्शी पिक्सल के पीछे इस्तेमाल होने वाला हेक्स रंग, जैसे #FFFFFF।
इस फ़ॉर्मैट में सिर्फ़ एक इमेज होती है। एनिमेशन रखना हो तो GIF या WebP आउटपुट चुनें।
मल्टी-साइज़ आइकन एक फ़ाइल में कई रिज़ॉल्यूशन रखता है; ब्राउज़र और ऑपरेटिंग सिस्टम अपनी ज़रूरत का चुन लेते हैं।
मूल डाइमेंशन रखें, या एक साइड डालें और आस्पेक्ट रेशियो बना रहेगा।
ऊपर चुनी गई साइड के पिक्सल।
मूल डाइमेंशन का प्रतिशत।
स्क्रीन और वेब के लिए sRGB सही है। प्रिंट वर्कफ़्लो के लिए मूल रखें; ग्रेस्केल रंग हटा देता है।
सिर्फ़ मेटाडेटा, 0 मूल मान रखता है। प्रिंटर और कुछ पोर्टल यह संख्या पढ़ते हैं; इससे पिक्सल डाइमेंशन नहीं बदलते।
इस टूल का उपयोग कैसे करें
- 1
AVIF लोगो अपलोड करें
जो सबसे बड़ा स्क्वायर वर्शन आपके पास हो, वही इस्तेमाल करें; 512 × 512 px या उससे बड़ी इमेज से छोटे साइज़ सबसे साफ़ बनते हैं। एक बैच में कई लोगो भी डाल सकते हैं।
- 2
आइकन साइज़ को सभी पर रहने दें
आइकन साइज़ पहले से सभी साइज़ (16–256) पर सेट है, इसलिए एक ही .ico ब्राउज़र टैब, बुकमार्क और Windows शॉर्टकट, तीनों के काम आती है। कोई प्रोग्राम सिर्फ़ एक साइज़ माँगे, तभी एक साइज़ चुनें।
- 3
ICO में बदलें
ICO में बदलें दबाएँ, ज़रूरत हो तो डाउनलोड हुई फ़ाइल का नाम favicon.ico कर दें और उसे अपनी साइट के रूट में रखें।
AVIF तस्वीरें तेज़ी से पहुँचाने का फ़ॉर्मेट है; ICO छोटे आइकन रखने का कंटेनर है। कन्वर्ट करने पर AVIF एक बार डिकोड होती है और उसकी कई छोटी की हुई कॉपी एक ही .ico में लिखी जाती हैं, हर एक का अपना अल्फ़ा चैनल होता है।
AVIF लोगो का ICO वर्ज़न क्यों चाहिए
AVIF को Alliance for Open Media ने 2019 में जारी किया था और यह AV1 वीडियो कोडेक पर बना है। Chrome ने वर्शन 85, Firefox ने 93 और Safari ने 16 में इसका सपोर्ट जोड़ा, इसलिए साइट बिल्डर और इमेज CDN अब डिफ़ॉल्ट रूप से AVIF ही देते हैं। इसी वजह से कई टीमों के पास ब्रांड का लोगो सिर्फ़ logo.avif के रूप में बचा होता है।
फ़ेविकॉन ही वह जगह है जहाँ यह ठीक से नहीं चलता। Windows डेस्कटॉप शॉर्टकट और पिन की गई साइटें ICO पढ़ती हैं, पुराने ब्राउज़र और कई क्रॉलर आपका HTML देखे बिना /favicon.ico उठा लेते हैं, और कुछ CMS के फ़ेविकॉन फ़ील्ड AVIF अपलोड स्वीकार ही नहीं करते। AVIF से बनी एक ICO इन सब में चल जाती है, और बीच में PNG को ICO में बदलें वाले कदम की ज़रूरत नहीं रहती।
AVIF
AV1 इमेज फ़ाइल फ़ॉर्मेट
AVIF स्थिर इमेज और इमेज सीक्वेंस को AV1 वीडियो कोडेक से कंप्रेस करके रखता है, और इसे Alliance for Open Media ने 2019 में अंतिम रूप दिया। समान विज़ुअल क्वालिटी पर यह आम तौर पर JPEG और WebP दोनों से छोटी फ़ाइलें बनाता है, और पारदर्शिता, एनिमेशन, वाइड कलर गैमट और HDR सपोर्ट करता है। एन्कोडिंग पुराने फ़ॉर्मेट से धीमी है, और कम क्वालिटी सेटिंग पर बहुत बारीक टेक्सचर धुंधले दिख सकते हैं। सभी प्रमुख ब्राउज़र अब AVIF दिखाते हैं, पर कई डेस्कटॉप ऐप, सोशल प्लेटफ़ॉर्म और पुराने डिवाइस इसे नहीं खोल पाते।
- कंप्रेशन
- लॉसी या लॉसलेस
- ट्रांसपेरेंसी (पारदर्शिता)
- हाँ
- एनिमेशन
- हाँ
- शुरुआत का वर्ष
- 2019 · Alliance for Open Media
ICO
Windows आइकन
ICO Microsoft का आइकन फ़ॉर्मैट है, जो Windows प्रोग्राम आइकन और वेबसाइट फ़ेविकॉन के लिए इस्तेमाल होता है। एक .ico फ़ाइल में अलग-अलग साइज़ की कई इमेज हो सकती हैं, जैसे 16×16, 32×32, 48×48 और 256×256 पिक्सल, ताकि सिस्टम सबसे सही साइज़ चुन सके। हर इमेज बिटमैप या PNG डेटा के रूप में रखी जा सकती है और पूरी अल्फ़ा ट्रांसपेरेंसी सपोर्ट करती है। ICO फ़ोटो या बड़े आर्टवर्क के लिए नहीं है। ब्राउज़र, Windows और ज़्यादातर आइकन एडिटर इसे पढ़ सकते हैं।
- कंप्रेशन
- लॉसलेस
- ट्रांसपेरेंसी (पारदर्शिता)
- हाँ
- एनिमेशन
- नहीं
- शुरुआत का वर्ष
- Microsoft
AVIF लोगो अक्सर किसी मॉडर्न साइट की इमेज पाइपलाइन या डिज़ाइनर के वेब एक्सपोर्ट से आते हैं, जबकि साइट के रूट में अब भी क्लासिक favicon.ico चाहिए, जिसे हर ब्राउज़र और क्रॉलर पढ़ सके।
favicon.ico में शामिल आइकन साइज़
- ब्राउज़र टैब और एड्रेस बार
- 16 px
- बुकमार्क, टास्कबार शॉर्टकट
- 32 px
- Windows का बड़े आइकन वाला व्यू
- 256 px
- एक ही favicon.ico में सभी साइज़
- 1 फ़ाइल
अल्फ़ा बरकरार
AVIF के पारदर्शी हिस्से हर साइज़ में पारदर्शी ही रहते हैं।
हर साइज़ अलग से छोटा
हर एंट्री असली इमेज से बनती है, अगले बड़े साइज़ से नहीं।
सिर्फ़ पहला फ़्रेम
एनिमेटेड AVIF का सिर्फ़ पहला फ़्रेम लिया जाता है।
AVIF लोगो को 16 × 16 पर भी साफ़ कैसे रखें
16 px के आइकन में कुल 256 पिक्सल होते हैं, इसलिए पतली लकीरें, छोटा टेक्स्ट और ग्रेडिएंट गायब हो जाते हैं। कन्वर्ट करने से पहले लोगो का सरल वर्शन एक्सपोर्ट करें: वर्डमार्क के बिना सिर्फ़ सिंबल, मोटी लाइनें, और ब्राउज़र की हल्की व गहरी दोनों थीम में ज़्यादा कंट्रास्ट। पारदर्शी बैकग्राउंड से टैब का रंग दिखता रहता है, जो आमतौर पर सफ़ेद चौकोर से बेहतर लगता है।
AVIF की ज़्यादा कंप्रेशन से तीखी आकृतियों के आसपास किनारे धुंधले या रंग फैले हुए भी दिख सकते हैं। आपके लोगो में ऐसा दिखे तो लॉसलेस AVIF या SVG मास्टर माँगें; बड़े आइकन पर ये गड़बड़ियाँ दिखती हैं, जबकि 16 और 32 px पर छोटा करने से ज़्यादातर छिप जाती हैं। AVIF की WebP और HEIC से तुलना जानने के लिए AVIF, HEIC और WebP की जानकारी देखें।
AVIF से ICO favicon के सवाल
क्या ब्राउज़र AVIF फ़ाइल को सीधे favicon के रूप में इस्तेमाल कर सकता है?
Chrome, Firefox और Safari AVIF दिखा सकते हैं, लेकिन साइट के रूट पर favicon.ico नाम की फ़ाइल ही ब्राउज़र, फ़ीड रीडर और लिंक-प्रीव्यू करने वाले कई बॉट डिफ़ॉल्ट रूप से माँगते हैं। वहाँ असली ICO रखने से सर्वर लॉग में 404 नहीं आता और पुराने क्लाइंट में टैब आइकन खाली नहीं दिखता।
मेरा AVIF लोगो चौकोर नहीं है। क्या आइकन खिंच जाएगा?
आइकन स्क्वायर होते हैं, इसलिए चौड़ा लोगो या तो पतली पट्टी जैसा छोटा हो जाता है या बिगड़ जाता है। पहले लोगो को उसके सिंबल या पहले अक्षर तक क्रॉप करें; इमेज को किसी रेशियो में कैसे क्रॉप करें में 1:1 क्रॉप का तरीका है, जिसमें मुख्य हिस्सा बीच में रहता है।
क्या AVIF का 10-बिट कलर ICO में बना रहता है?
नहीं। आइकन एंट्री में हर चैनल के 8 बिट और 8 बिट का अल्फ़ा चैनल रहता है, इसलिए HDR या 10-बिट AVIF डेटा सामान्य sRGB रंगों में बदल जाता है। 16 या 32 px पर यह फ़र्क़ कोई नहीं देख सकता।
सर्च रिज़ल्ट में दिखने वाले favicon के लिए Google को क्या चाहिए?
Google के दिशानिर्देशों के अनुसार फ़ेविकॉन स्क्वायर होना चाहिए और उसका साइज़ 48 px का गुणज हो, जैसे 48 × 48 या 96 × 96, और उसे होम पेज से रेफ़र किया गया हो। इस पेज से बनी ICO में बड़ी एंट्री भी होती हैं, जिन्हें Google छोटा कर सकता है।
क्या ऐप आइकन के लिए AVIF को PNG में बदलना बेहतर विकल्प है?
iOS, Android और वेब ऐप मैनिफ़ेस्ट के लिए हाँ; उन्हें 180 × 180 और 512 × 512 जैसे तय साइज़ की PNG फ़ाइलें चाहिए। उनके लिए AVIF को PNG में बदलें इस्तेमाल करें और ICO को क्लासिक फ़ेविकॉन और Windows के लिए रखें।