SVG को ICO में बदलना Scalable Vector Graphics ↔ Icon मुफ़्त ऑनलाइन सुरक्षित
SVG कोई छवि नहीं, छवि बनाने का निर्देश है। यहाँ वह निर्देश एक बार चलाया जाता है, आपकी चुनी माप पर, और परिणाम ICO के रूप में सहेजा जाता है। चित्रांकन एक ऐसे घेरे में होता है जहाँ फ़ाइल का कुछ भी चल नहीं सकता, और कुछ भी अपलोड नहीं होता।
अपनी फ़ाइल बदलिए
यहाँ एक SVG छोड़िए, या कोई चुनिए।
आपकी फ़ाइल इस उपकरण से बाहर नहीं जाती। सब कुछ आपके ब्राउज़र में चलता है।
कुछ भी अपलोड नहीं
सदिश किस बात में भिन्न है
SVG कोई चित्र नहीं; वह चित्र बनाने के निर्देशों का समूह है — यहाँ इतनी त्रिज्या का वृत्त, यहाँ से वहाँ तक एक रेखा, यह आकृति उस रंग से भरी। वह 2001 में वेब का मानक बना, और चूँकि वह परिणाम नहीं बल्कि स्वयं रेखांकन सहेजता है, उसी फ़ाइल से जो सोलह पिक्सेल का प्रतीक बनाती है, एक विज्ञापन-पट भी छापा जा सकता है। PNG या JPEG इसके उलट सहेजता है: रंगीन बिंदुओं की एक पूर्ण जाली, इस स्मृति के बिना कि उन्हें किसने बनाया। यही असमानता इस पृष्ठ की हर बात तय करती है। सदिश से रास्टर की ओर जाना बस निर्देशों को चुने हुए आकार में खींचना है; उलटी ओर जाना अनुरेखण है — कोई प्रोग्राम बिंदुओं की जाली देखता है और अनुमान लगाता है कि कौन-सी आकृतियाँ उसे बना सकती थीं।
ये आपको कहाँ मिलते हैं
प्रतीक-चिह्न, आइकन, मानचित्र, आरेख और ग्राफ़ SVG के रूप में जीते हैं, क्योंकि उन्हें हर आकार में पठनीय रहना है और प्रायः उनके रंग बदलने पड़ते हैं। फ़ेविकॉन और ऐप के आइकन इन्हीं से बनते हैं। उलटी दिशा उस क्षण के लिए है जब सदिश को चपटा चित्र बनना हो: ऐसा ईमेल प्रोग्राम जो SVG न दिखाए, सामाजिक मंच की झलक, वह दस्तावेज़ जिसे आपसे पुराने सॉफ़्टवेयर वाला कोई छापेगा, या ऐसा प्रपत्र जो केवल छायाचित्र स्वीकारता हो।
अक्सर पूछे जाने वाले प्रश्न
मैंने एक छायाचित्र का अनुरेखण किया और परिणाम भयानक निकला। क्यों?
क्योंकि अनुरेखण छायाचित्रों के लिए बना ही नहीं था। वह समान रंग के क्षेत्र ढूँढ़कर हर एक के चारों ओर रूपरेखा खींचता है; यह चपटे चित्रांकन के लिए उपयुक्त है — कोई प्रतीक, कोई साँचा, रेखाचित्र — और छायाचित्र पर असफल रहता है, जहाँ हर क्षेत्र धीरे-धीरे अगले में घुल जाता है। अनुरेखक को वहाँ सीमा गढ़नी पड़ती है जहाँ कोई सीमा नहीं, और परिणाम या तो पोस्टर जैसे चपटे धब्बे होते हैं या ऐसी फ़ाइल जिसमें दसियों हज़ार नन्ही आकृतियाँ हों। छायाचित्रों के लिए रास्टर ही रहने दें।
मेरा SVG दूसरे प्रोग्राम में भिन्न क्यों दिखता है?
प्रायः फ़ॉन्ट के कारण। जिस SVG में पाठ है वह किसी फ़ॉन्ट को नाम से पुकारता है और अपेक्षा रखता है कि उसे खोलने वाली मशीन के पास वह फ़ॉन्ट हो; न हो तो कोई और रख दिया जाता है और सज्जा खिसक जाती है। उपचार यह है कि निर्यात से पहले पाठ को रूपरेखाओं में बदल दें: हर अक्षर एक आकृति बन जाता है और फ़ाइल हर जगह एक-सी दिखती है — मूल्य यह कि पाठ अब न संपादित हो सकता है न चुना जा सकता है। छन्ना और मिश्रण-विधियों जैसे उन्नत प्रभाव भिन्नता का दूसरा सामान्य स्रोत हैं।
क्या फ़ाइल की गुणवत्ता घटती है?
यह इस पर निर्भर है कि दोनों प्रारूप क्या-क्या सँभाल सकते हैं। ऐसे प्रारूपों के बीच रूपांतरण जो एक ही वस्तु रखते हैं — PNG से BMP, WAV से FLAC — कुछ नहीं खोता। ऐसे प्रारूप में बदलना जो स्थान बचाने के लिए सूचना फेंक देता है, जैसे JPEG या MP3, हर बार थोड़ा खोता है, और वापस बदलने से वह लौटता नहीं। जहाँ विकल्प हो, यह पृष्ठ सबसे छोटी फ़ाइल बनाने के बजाय मूल गुणवत्ता बनाए रखने की ओर झुकता है।
क्या मेरी फ़ाइल कहीं अपलोड होती है?
नहीं। रूपांतरण आपके ही यंत्र पर, आपके ब्राउज़र के भीतर होता है; फ़ाइल उसे कभी नहीं छोड़ती, और यहाँ कोई सर्वर है ही नहीं जो उसे ले सके। इसीलिए बड़ी फ़ाइल को अपलोड नहीं बल्कि आपकी अपनी स्मृति सीमित करती है, और इसीलिए आपका बदला हुआ कुछ भी किसी के अभिलेख में नहीं आ सकता — हमारे अभिलेख में भी नहीं। हाँ, ध्वनि और चलचित्र के उपकरण पहली बार प्रयोग पर अपना रूपांतरण-इंजन इसी स्थल से लाते हैं — लगभग तीस मेगाबाइट, एक ही बार; उसके बाद भी काम पूरा आपके ही यंत्र पर होता है।
लोग SVG को ICO में क्यों बदलते हैं
ICO फ़ाइल एक आइकन है। यह वह छोटी तस्वीर है जो ब्राउज़र के टैब में पृष्ठ के नाम के बग़ल में, बुकमार्कों की सूची में, शॉर्टकट पर और Windows में प्रोग्राम विंडो के कोने में दिखती है। अगर आप वेबसाइट चलाते हैं, तो आप चाहते हैं कि उसमें आपका चिह्न हो। अगर आप प्रोग्राम बनाते हैं, तो उसकी निष्पादन योग्य फ़ाइल के लिए एक चाहिए। और अगर आपके पास लोगो है, तो बहुत संभव है कि वह SVG प्रारूप में वेक्टर चित्र हो। इसीलिए लोग SVG को ICO में बदलते हैं: उनके पास चिह्न का चित्र है, और उन्हें वह आइकन फ़ाइल चाहिए जो ब्राउज़र और ऑपरेटिंग सिस्टम अब भी नाम लेकर माँगते हैं।
SVG तस्वीर नहीं है। यह तस्वीर बनाने के निर्देशों का समूह है: यहाँ वृत्त बनाओ, वहाँ वक्र, इस आकार को उस रंग से भरो। क्योंकि यह निर्देश हैं, पिक्सेल नहीं, SVG को किसी भी आकार में धुंधले हुए बिना दिखाया जा सकता है। इसके विपरीत, आइकन एक फ़ाइल में बँधी छोटी तस्वीरों का समूह है, हर एक किसी विशेष आकार के लिए बनी। यह पृष्ठ आपके SVG के निर्देशों का हर आकार के लिए एक बार पालन करता है और परिणामों को एक ICO फ़ाइल में पैक करता है।
यह पृष्ठ आपके ब्राउज़र में SVG को ICO में बदलता है। चित्र सैंडबॉक्स में रेंडर होता है जहाँ फ़ाइल में कुछ भी चल नहीं सकता, और कुछ भी अपलोड नहीं होता। नीचे आप देखेंगे कि यह कैसे काम करता है, फ़ाइल में कौन-से आकार हैं, छोटे आइकन विशेष समस्या क्यों हैं और उसका क्या करें।
रूपांतरण कैसे काम करता है
एक फ़ाइल में छह आकार
जो ICO निकलता है उसमें एक फ़ाइल में छह आकार हैं: 16, 32, 48, 64, 128 और 256 पिक्सेल। हर एक SVG से फिर से बनाया जाता है, एक-दूसरे से छोटा करके नहीं, इसलिए 16 पिक्सेल वाला संस्करण 16 पिक्सेल पर निर्देशों का पालन है, बड़े का सिकुड़ा हुआ प्रतिरूप नहीं। सभी अपनी पारदर्शिता रखते हैं। फिर ऑपरेटिंग सिस्टम या ब्राउज़र वह आकार चुनता है जो आइकन दिखाने की जगह के अनुकूल हो।
सैंडबॉक्स जहाँ कुछ नहीं चल सकता
SVG फ़ाइल में सिद्धांततः स्क्रिप्ट और अन्य चीज़ों के संदर्भ हो सकते हैं। इसे कभी जोखिम न बनने देने के लिए चित्र ऐसे सैंडबॉक्स में रेंडर होता है जहाँ फ़ाइल में कुछ भी चल नहीं सकता। केवल आकार रंगे जाते हैं। यह उन फ़ाइलों के लिए भी सुरक्षित है जो आपने ऐसी जगह से डाउनलोड कीं जिस पर आप पूरा भरोसा नहीं करते।
फिर से बनाना सिकोड़ने से बेहतर क्यों है
जब आप बड़ी तस्वीर को छोटी में सिकोड़ते हैं, तो ब्योरे एक-दूसरे में घुल जाते हैं और रेखाएँ धूसर हो जाती हैं। लक्ष्य आकार पर वेक्टर निर्देशों से फिर से बनाना हर आकार के लिए संभव सबसे तीक्ष्ण परिणाम देता है, क्योंकि रेखाएँ सीधे पिक्सेल जाल पर रखी जाती हैं।
क्या रखा जाता है
छह आकार
आपको 16, 32, 48, 64, 128 और 256 पिक्सेल मिलते हैं, जो उन जगहों को ढकते हैं जहाँ आइकन सामान्यतः दिखाए जाते हैं: ब्राउज़र टैब, टास्कबार, डेस्कटॉप शॉर्टकट, फ़ाइल सूचियाँ और बड़े पूर्वावलोकन।
पारदर्शिता
पारदर्शिता छहों आकारों में रखी जाती है। SVG के जिन क्षेत्रों में भराव नहीं है वे ICO में पारदर्शी रहते हैं, इसलिए आइकन अपने पीछे के रंग को अपना लेता है।
चिह्न का आकार
चित्र जैसा है वैसा रखा जाता है, अपने रंगों और आकारों के साथ। अगर SVG वर्गाकार नहीं है, तो वह हर आइकन के वर्ग में खिंचे बिना बिठाया जाता है।
SVG को ICO में बदलने से पहले आपको क्या जानना चाहिए
आइकन अलग चित्र है
आइकन छोटी तस्वीर नहीं है, यह अलग चित्र है। बारीक रेखाओं या छोटे पाठ वाली कोई भी चीज़ 16 पिक्सेल पर लुगदी बन जाती है, चाहे कितनी भी सावधानी से रेंडर हो। पोस्टर पर उत्कृष्ट दिखने वाला लोगो फ़ैविकॉन के रूप में अपठनीय हो सकता है। अगर परिणाम धुँधला लगे, तो उत्तर बेहतर रूपांतरण नहीं, सरल SVG है।
सबसे छोटे आकार के लिए डिज़ाइन कीजिए
सबसे अच्छे आइकन सबसे छोटे आकार को ध्यान में रखकर बनते हैं: एक गाढ़ा आकार, सीमित रंग, कोई बाल-रेखा नहीं और एक अक्षर से अधिक लिखावट नहीं। हो सके तो इस उद्देश्य के लिए अपने लोगो का सरलीकृत संस्करण अलग SVG के रूप में तैयार कीजिए, और फिर उससे SVG को ICO में बदलिए।
अन्यत्र के फ़ॉन्ट और चित्र हल नहीं होते
जो फ़ॉन्ट और चित्र SVG अन्यत्र से खींचता है वे सैंडबॉक्स में हल नहीं होते। सर्वर से लोड हुए वेब फ़ॉन्ट में बना पाठ सिस्टम फ़ॉन्ट पर लौट जाता है, और फ़ाइल के बाहर से जुड़ा चित्र ग़ायब होगा। सर्वोत्तम परिणाम के लिए पाठ को रेखांकित रूप में बदलिए और चित्र एम्बेड कीजिए।
यहाँ SVG को ICO में कैसे बदलें
अपना चित्र जोड़िए
SVG को पृष्ठ पर छोड़िए या अपने उपकरण से चुनिए। वह आपके ब्राउज़र के भीतर पढ़ा जाता है और अपलोड नहीं होता।
बदलिए
बटन दबाइए। छहों आकार एक के बाद एक बनते हैं, जिसमें कुछ पल लगते हैं। पूरा होने तक पृष्ठ खुला रखिए।
डाउनलोड और परीक्षण
ICO डाउनलोड कीजिए और जहाँ उसका उपयोग होगा वहाँ आज़माइए। वेबसाइट पर उसे मूल फ़ोल्डर में favicon.ico नाम से रखिए, या पृष्ठ के head में उससे जोड़िए, और ब्राउज़र का टैब देखिए। Windows पर आप उसे शॉर्टकट को सौंप सकते हैं और देख सकते हैं कि विभिन्न आकारों में वह कैसा दिखता है।
SVG और ICO पर क़रीबी नज़र
वेक्टर और गट्ठर
SVG एकल चित्र है जो किसी भी आकार में रेंडर हो सकता है। ICO कंटेनर है जिसके भीतर कई तस्वीरें हैं, हर एक निश्चित आकार की। आइकन दिखाने वाला सॉफ़्टवेयर उस तस्वीर को चुनता है जो उसकी ज़रूरत के आकार के सबसे क़रीब है, जो धुंधली स्केलिंग से बचाता है। SVG को ICO में बदलना चित्र को उन आकारों में रेंडर करना है जिन्हें कंटेनर से समेटने की अपेक्षा की जाती है।
आइकन कहाँ उपयोग होते हैं
ब्राउज़र सबसे छोटे आकारों को टैब के लिए और बड़े आकारों को बुकमार्क तथा नए टैब पृष्ठ के लिए उपयोग करते हैं। Windows उन्हें टास्कबार, Start मेन्यू और Explorer के लिए उपयोग करता है। मोबाइल उपकरणों के होम स्क्रीन के लिए तस्वीर आकारों के अपने समूह हैं, जो सामान्यतः PNG फ़ाइलें होती हैं, ICO नहीं। अगर आप फ़ोन के लिए ऐप आइकन तैयार कर रहे हैं, तो प्लेटफ़ॉर्म के माँगे आकारों पर SVG से PNG बेहतर रास्ता है।
आज के फ़ैविकॉन
आधुनिक ब्राउज़र PNG और यहाँ तक कि SVG को फ़ैविकॉन के रूप में स्वीकार करते हैं, पर ICO वह प्रारूप बना हुआ है जो हर जगह काम करता है, पुराने ब्राउज़र, कुछ फ़ीड रीडर और favicon.ico को स्वतः खोजने वाले उपकरणों समेत। एक रखना सुरक्षित चुनाव है।
सामान्य स्थितियाँ विस्तार से
वेबसाइट का फ़ैविकॉन
SVG को ICO में बदलिए, फ़ाइल को अपनी साइट के मूल में favicon.ico के रूप में सहेजिए और उससे जोड़िए। हर ब्राउज़र का टैब आपका चिह्न धारण करेगा, जो पृष्ठ को कई खुले टैबों में पहचानने योग्य बनाता है।
Windows प्रोग्राम का आइकन
Windows के प्रोग्राम अपनी निष्पादन योग्य फ़ाइल और शॉर्टकट में आइकन रखते हैं। डेवलपरों को इसके लिए बहु-आकार ICO चाहिए। आपको मिले छह आकार सामान्य अपेक्षाओं को ढकते हैं।
शॉर्टकट और फ़ोल्डर
Windows पर आप शॉर्टकट या फ़ोल्डर को अपना आइकन दे सकते हैं। आपके लोगो से बना ICO आपके डेस्कटॉप या प्रोजेक्ट फ़ोल्डरों को पहचानना आसान बनाता है।
छोटे व्यवसाय की साइटें और ब्लॉग
फ़ैविकॉन छोटा ब्योरा है जो साइट को पूर्ण महसूस कराता है। अगर आपका लोगो SVG है, तो यह रूपांतरण वह फ़ाइल बनाता है जो साइट-निर्माता आपसे अपलोड करने को कहते हैं।
SVG को ICO में बदलने से पहले व्यावहारिक सलाह
चित्र सरल कीजिए
बारीक रेखाएँ हटाइए, लिखावट छोड़िए या एक अक्षर रखिए, और गाढ़े आकार उपयोग कीजिए। बदलने से पहले अपने चित्र-प्रोग्राम में SVG को 16 पिक्सेल पर देखिए, यह जानने के लिए कि सबसे छोटा आइकन कैसा दिखेगा।
चित्र को वर्गाकार बनाइए
आइकन वर्गाकार होते हैं। अगर आपका लोगो चौड़ा है, तो उसे कुछ हाशिये के साथ वर्गाकार कैनवास पर रखिए, ताकि वह कटे नहीं और वर्ग के भीतर नन्हा न रह जाए।
कंट्रास्ट जाँचिए
ब्राउज़र टैब हल्के या गहरे हो सकते हैं। दोनों पृष्ठभूमियों के विरुद्ध तीव्र कंट्रास्ट वाला चिह्न देखना आसान है। गहरे चिह्न पर पतली सफ़ेद रूपरेखा, या ठोस रंगीन आकार, आमतौर पर काम करता है।
SVG रखिए
SVG मूल प्रति है। अगर आप बाद में आइकन बदलने का निर्णय लेते हैं, तो SVG को फिर ICO में बदलने के लिए आपको उसकी ज़रूरत पड़ेगी।
बदलने से पहले लोग जो प्रश्न पूछते हैं
मेरा आइकन 16 पिक्सेल पर धुंधला क्यों दिखता है?
क्योंकि 16 पिक्सेल बहुत कम हैं। बारीक रेखाएँ और छोटा पाठ वहाँ नहीं दिखाया जा सकता। बेहतर रूपांतरण ढूँढने के बजाय चित्र को सरल कीजिए।
फ़ाइल में कौन-से आकार हैं?
16, 32, 48, 64, 128 और 256 पिक्सेल, हर एक SVG से फिर से बनाया गया, सभी पारदर्शिता के साथ।
क्या पारदर्शिता बनी रहेगी?
हाँ। SVG की पारदर्शी पृष्ठभूमि ICO के छहों आकारों में पारदर्शी है।
क्या मैं फ़ाइल को फ़ैविकॉन के रूप में उपयोग कर सकता हूँ?
हाँ। उसका नाम favicon.ico रखिए, उसे अपनी साइट के मूल में रखिए, या अपने पृष्ठों के head से उससे जोड़िए।
क्या मेरी फ़ाइल अपलोड होती है?
नहीं। रूपांतरण आपके ब्राउज़र में चलता है और फ़ाइल आपके उपकरण से बाहर नहीं जाती।
क्या मैं आइकन से SVG बना सकता हूँ?
एक हद तक, हाँ। ICO से SVG आइकन को आकारों में अनुरेखित करता है, हालाँकि छोटा आकार सीमित करता है कि क्या पुनः पाया जा सकता है।
SVG को ICO में बदलते समय समझदारी से चुनना
ICO या PNG?
हर जगह चलने वाले फ़ैविकॉन के लिए ICO चुनिए। फ़ोन के ऐप आइकन और वेब पृष्ठों की तस्वीरों के लिए PNG सामान्य प्रारूप है। SVG से PNG वह देता है।
पूरे समूह के बारे में सोचिए
अगर आप ब्रांड तैयार कर रहे हैं, तो आपको PNG में लोगो, ICO में फ़ैविकॉन और PDF में छपने योग्य संस्करण चाहिए हो सकता है। SVG से PDF चित्र को छपाई के लिए चित्र के रूप में रखता है।
असली टैब पर परीक्षण कीजिए
आइकन को वास्तविक ब्राउज़र टैब में देखिए, हल्की और गहरी दोनों थीम में। वही जगह है जहाँ अधिकांश लोग उससे मिलेंगे।
रूपांतरण के बाद अच्छा परिणाम पाना
ब्राउज़र कैश साफ़ कीजिए
ब्राउज़र फ़ैविकॉन को लंबे समय तक रखते हैं। अगर आपने आइकन बदला और फिर भी पुराना दिखता है, तो कैश साफ़ कीजिए या साइट को निजी विंडो में खोलिए।
सभी आकार जाँचिए
अगर आपके पास ICO फ़ाइलें खोलने वाला उपकरण है, तो हर आकार देखिए। 256 पिक्सेल पर ठीक चिह्न 16 पर अपठनीय हो सकता है, और वही बताता है कि सरल करना है या नहीं।
सही नाम दीजिए
ब्राउज़र पूर्वनिर्धारित रूप से साइट के मूल में favicon.ico खोजते हैं। जब तक आप फ़ाइल से स्पष्ट रूप से न जोड़ें, वही नाम रखिए।
ऐसा चिह्न बनाना जो सबसे छोटे आकार को झेल जाए
16 पिक्सेल के जाल से शुरू कीजिए
SVG को ICO में बदलते समय अच्छा परिणाम पाने का सबसे भरोसेमंद तरीक़ा सबसे छोटे आकार को ध्यान में रखकर डिज़ाइन करना है। सोलह गुणा सोलह वर्गों के जाल की कल्पना कीजिए और पूछिए कि उस पर क्या रखा जा सकता है। वृत्त, अक्षर, साधारण चिह्न: हाँ। हस्ताक्षर, आदर्श-वाक्य वाला प्रतीक: नहीं। आप जो भी बनाएँ, बड़े आकार ठीक दिखेंगे, इसलिए छोटा वह बंधन है जिसके लिए डिज़ाइन करना है।
मज़बूत आकार और कम रंग उपयोग कीजिए
साफ़ कंट्रास्ट वाले दो या तीन रंग कई रंगों के ग्रेडिएंट से बेहतर पढ़े जाते हैं। वर्ग के अधिकांश भाग को भरने वाले ठोस आकार पतली रूपरेखाओं से आसानी से पहचाने जाते हैं, क्योंकि हर पिक्सेल चिह्न का अधिक भाग वहन करता है।
थोड़ी साँस की जगह छोड़िए
वर्ग के किनारे को छूता चिह्न तंग दिख सकता है, और कुछ प्रणालियाँ अपनी गोलाई या किनारी जोड़ती हैं। सबसे छोटे आकार पर एक-दो पिक्सेल का हाशिया आकार को सुरक्षित रखता है।
उसे अन्य आइकनों के बग़ल में देखिए
जाने-माने साइटों के कुछ टैब खोलिए और तुलना कीजिए। आप देखेंगे कि जो आइकन सबसे अच्छा काम करते हैं वे बहुत सरल हैं। SVG को ICO में बदलने से पहले वह अनुशासन उधार लीजिए, और आपका परिणाम टैबों की भीड़ में टिकेगा।
निजता और संचालन
चित्रों के लिए स्थानीय रूपांतरण क्यों मायने रखता है
लोगो और ब्रांड चिह्न प्रकाशित होने से पहले गोपनीय हो सकते हैं। कई ऑनलाइन कन्वर्टर आपकी फ़ाइल सर्वर पर अपलोड करते हैं, उसे प्रोसेस करते हैं और परिणाम लौटा देते हैं, और कुछ समय के लिए एक प्रति उस मशीन पर रहती है जो आपके नियंत्रण में नहीं। यहाँ आपका अपना ब्राउज़र काम करता है, इसलिए चित्र आपके उपकरण पर रहता है।
जब आप जाते हैं तब क्या होता है
जब आप पृष्ठ बंद करते हैं, बदली हुई फ़ाइल ब्राउज़र से ग़ायब हो जाती है, इसलिए पहले उसे डाउनलोड कीजिए। आपके चित्र के बारे में कुछ भी रखा नहीं जाता।
अगर कुछ ग़लत हो जाए
आइकन ख़ाली निकलता है
SVG में आकार या व्यू बॉक्स की कमी हो सकती है। उसे टेक्स्ट एडिटर में खोलिए और जाँचिए कि उसमें width और height या व्यू बॉक्स है, या अपने चित्र-प्रोग्राम में ठीक कीजिए।
आइकन कटा हुआ है
कुछ SVG में ऐसे तत्व होते हैं जो घोषित क्षेत्र से बाहर निकलते हैं। मूल में व्यू बॉक्स ठीक कीजिए ताकि सब कुछ भीतर समा जाए।
पृष्ठ अटक जाता है
सब कुछ आपके उपकरण पर चलता है। कंप्यूटर पर फिर कोशिश कीजिए, या सरल चित्र के साथ।
संबंधित उपकरण
उपकरणों का वही परिवार पड़ोसी कामों को ढकता है। अपनी पसंद के आकारों की तस्वीरों के लिए SVG से PNG या SVG से JPG उपयोग कीजिए। किसी भी ज़ूम पर तीक्ष्ण रहने वाले दस्तावेज़ के लिए SVG से PDF चित्र को चित्र के रूप में रखता है। तस्वीरों को वापस आकारों में अनुरेखित करने के लिए ICO से SVG, PNG से SVG और JPG से SVG काम करते हैं।
एक हल किया उदाहरण
मान लीजिए आपने छोटा ब्लॉग शुरू किया है, और आपका लोगो SVG है: हरी पत्ती और उसके नीचे ब्लॉग का नाम। आप SVG को यहाँ छोड़ते हैं और बटन दबाते हैं। ICO आ जाता है, और ब्राउज़र टैब में पत्ती पहचानने योग्य है, पर उसके नीचे का नाम अपठनीय। आप अपना चित्र-प्रोग्राम खोलते हैं, केवल पत्ती वाला संस्करण बनाते हैं, फिर SVG को ICO में बदलते हैं और नई फ़ाइल को favicon.ico के रूप में अपलोड करते हैं। टैब अब साफ़ हरी पत्ती दिखाता है, और पूरा लोगो पृष्ठ पर रहता है।
एक छोटी जाँच-सूची
बदलने से पहले
चित्र सरल कीजिए। उसे वर्गाकार बनाइए। पाठ को रूपरेखा में बदलिए और चित्र एम्बेड कीजिए।
बदलते समय
फ़ाइल तैयार होने तक पृष्ठ पर बने रहिए।
बदलने के बाद
ICO का परीक्षण ब्राउज़र टैब और शॉर्टकट में, हल्की और गहरी थीम में कीजिए, और SVG रखिए।
सामान्य ग़लतियाँ
पूरा लोगो उपयोग करना
लिखावट और बारीक ब्योरे 16 पिक्सेल पर ग़ायब हो जाते हैं। सरलीकृत चिह्न उपयोग कीजिए।
भीड़भरे चित्र को ठीक करने के लिए बेहतर रूपांतरण की उम्मीद
दोष आकार में है, उपकरण में नहीं। SVG को सरल कीजिए।
कैश भूल जाना
पुराना फ़ैविकॉन ब्राउज़र में अटका रह सकता है। यह तय करने से पहले कि नया विफल हुआ, कैश साफ़ कीजिए।
आपका चित्र आपके उपकरण पर रहता है
रूपांतरण स्थानीय रूप से होता है। आपका चित्र आपके अपने ब्राउज़र द्वारा पढ़ा जाता है, वहीं रंगा जाता है और ICO के रूप में लौटा दिया जाता है। कुछ भी अपलोड नहीं होता, इसलिए सर्वर पर कोई प्रति नहीं बचती और कोई दूसरा उसे नहीं देख सकता। अप्रकाशित ब्रांड चिह्नों के लिए यह SVG को ICO में बदलने का सुरक्षित तरीक़ा है।
सारांश
यहाँ SVG को ICO में बदलने के लिए चित्र छोड़िए और बटन दबाइए। SVG तस्वीर नहीं बल्कि तस्वीर बनाने के निर्देश हैं, और यहाँ उन निर्देशों का हर आकार के लिए एक बार पालन होता है और परिणाम ICO के रूप में सहेजे जाते हैं। चित्र ऐसे सैंडबॉक्स में रेंडर होता है जहाँ फ़ाइल में कुछ भी चल नहीं सकता, और कुछ भी अपलोड नहीं होता। फ़ाइल में छह आकार हैं: 16, 32, 48, 64, 128 और 256 पिक्सेल, हर एक SVG से फिर से बनाया गया, एक-दूसरे से छोटा करके नहीं, और सभी पारदर्शिता के साथ। आइकन छोटी तस्वीर नहीं है, यह अलग चित्र है: बारीक रेखाओं या छोटे पाठ वाली कोई भी चीज़ 16 पिक्सेल पर लुगदी बन जाती है, चाहे कितनी भी सावधानी से रेंडर हो। अगर परिणाम धुँधला लगे, तो उत्तर बेहतर रूपांतरण नहीं, सरल SVG है। अन्यत्र से खींचे गए फ़ॉन्ट और चित्र हल नहीं होते।