SVG को लाभ
जब तपाइँ एक वेबसाइट बनाउनुहुन्छ र त्यस साइटमा छविहरू थप्नुहुन्छ, एक यदि तपाईलाई निर्धारण गर्नु पर्ने सबै महत्त्वपूर्ण चीजहरू हो जुन कुन फर्म्याटहरू प्रयोग गर्ने सही हो। ग्राफिक मा निर्भर गर्दछ, एक ढाँचा अन्य भन्दा धेरै राम्रो हुन सक्छ।
धेरै वेब डिजाइनरहरू JPG फाइल ढाँचासँग सहज छन्, र यो ढाँचा तस्बिरहरूको लागि गहिरो रङ गहिरो छ, जस्तै फोटोहरू। यद्यपि यस ढाँचाले साधारण ग्राफिक्सका लागि काम गर्दछ, चित्रण गरिएको प्रतीकहरू जस्तै, त्यो उदाहरणमा प्रयोग गर्नको लागि सबैभन्दा राम्रो ढाँचा होइन। ती आइकनहरूका लागि, SVG राम्रो छनौट हुनेछ। हामी किन ठीक देख्न सक्छौं:
SVG वेक्टर टेक्नोलोजी हो
यसको अर्थ यो रास्टर प्रविधी होइन। भेक्टर छविहरू गणित प्रयोग गरी सिर्जना गरिएका रेखाहरूको संयोजन हो। रास्टर फाइलहरू रङको पिक्सेल वा सानो वर्गहरूको प्रयोग गर्दछ। यो एक कारण हो कि SVG स्केलेबल र जवाफदेही वेबसाइटहरूको लागि सही छ जुन उपकरणको स्क्रिन आकार सँगै मापन गर्नुपर्छ। किनकी आकार को बदलन को लागि गणित को दुनिया मा वेक्टर ग्राफिक्स अवस्थित छ, तपाईं बस नम्बरहरु लाई बदलन को लागी। रिसाइज फाइलहरू प्रायः एक महत्त्वपूर्ण ओवरहाल को आवश्यकता हुन्छ जब यो साइजिंग गर्न आउँछ। जब तपाईं एक वेक्टर छविमा जूम गर्न चाहानुहुन्छ, त्यहाँ कुनै विरूपण छैन किनभने प्रणाली गणित छ र ब्राउजरले मात्र गणितको पुन: गणना गर्दछ र रेखाको रूपमा सजिलै सजिलै सजिलै उडाउँछ। जब तपाईं एक रास्टर छविमा जूम गर्नुहुन्छ, तपाइँ छवि गुण हराउनुहुन्छ र फाईल सुरु गर्न को लागी तपाईले रंगको ती पिक्सेलमा हेर्न सुरु गर्नुहोला। गणित विस्तार र अनुबंधहरू, पिक्सेलको छैन। यदि तपाइँ चाहानुहुन्छ कि तपाइँका तस्बिरहरू रिजोल्युसनको स्वतन्त्र हुन चाहानुहुन्छ, SVG ले तपाईंलाई यो क्षमता दिनेछ।
SVG पाठ आधारित छ
जब तपाईं चित्र सिर्जना गर्न ग्राफिक्स सम्पादक प्रयोग गर्नुहुन्छ, कार्यक्रमले तपाईंको पुरा कलाकृतिको तस्वीर लिन्छ। SVG फरक काम गर्दछ। तपाईं अझै पनि केहि सफ्टवेयर प्रोग्रामहरू प्रयोग गर्न सक्नुहुन्छ र जस्तो लाग्छ कि तपाइँ चित्र चित्र गर्दै हुनुहुन्छ, तर अन्तिम उत्पादन वेक्टर रेखाहरू वा यहाँका शब्दहरूको संग्रह हो (जुन वास्तवमा मात्र पृष्ठमा वेक्टरहरू छन्)। खोज ईञ्जिन शब्दहरू, विशेष गरी कुञ्जी शब्दहरू हेर्नुहोस्। यदि तपाइँ JPG अपलोड गर्नुहुन्छ भने, तपाइँ आफैले तपाईंको ग्राफिक र शायद alt पाठ वाक्यांशको शीर्षकमा सीमित गर्दै हुनुहुन्छ। एसभीजी कोडिङको साथ, तपाईं सम्भावनाहरूमा विस्तार गर्नुहुन्छ र छविहरू सिर्जना गर्नुहोस् जुन अधिक खोजी-इन्जिन अनुकूल छ।
SVG हो XML र अन्य भाषा ढाँचा भित्र काम गर्दछ
यो पाठ-आधारित कोडमा फर्कन्छ। तपाईं आफ्नो आधार छवि एसजीजीमा बनाउन सक्नुहुन्छ र यसलाई पोलिश गर्न CSS प्रयोग गर्नुहोस्। हो, तपाईसँग छवि सक्नु भएको छ जुन वास्तवमा SVG फाइल हो, तर तपाईं SVG लाई पृष्ठमा सीधा कोड र भविष्यमा सम्पादन गर्न सक्नुहुन्छ। तपाईं यसलाई CSS को साथ बदल्न सक्नुहुनेछ जसमा तपाईंले पृष्ठ पाठ, आदि परिवर्तन गर्नुहुने छ। यो धेरै शक्तिशाली छ र यसले सजिलो सम्पादनको लागि बनाउँछ।
SVG सजिलै संग सम्पादन गरिएको छ
यो सम्भवतः सबैभन्दा ठूलो फाइदा हो। जब तपाईं वर्गको तस्वीर लिनुहुन्छ, यो के हो। परिवर्तन गर्न, तपाईं दृश्य रिसेट गर्न र नयाँ तस्बिर लिनु पर्छ। तपाइँलाई थाहा हुनु अघि, तपाइँसँग वर्गहरूको 40 तस्बिरहरू छन् र अझैसँग यो सही तरिकामा छैन। SVG को साथ, यदि तपाईले गल्ती गर्नुहुन्छ भने, पाठ सम्पादकको समकक्ष वा शब्द परिवर्तन गर्नुहोस्, र तपाईले गर्नुभएन। म यससंग सम्बन्धित हुन सक्छु किनभने मैले SVG सर्कललाई सही स्थितिमा राखेन। सबैले मलाई गर्नु पर्छ समन्वय समायोजन।
JPG छविहरू भारी हुन सक्छ
यदि तपाईं आफ्नो छविलाई भौतिक साइजमा बढ्न चाहानुहुन्छ भने, यो फाइल साइजमा पनि बढिनेछ। एसजीजीको साथ, एक पाउन्ड अझै पनि एक पाउन्ड होईन तपाईले यसलाई कसरी ठूलो बनाउनु भयो। एउटा चौडाई 2 इन्च चौडाई हो जुन चौडाई 100 इन्च चौडाईको जस्तो हुन्छ। फाइल आकार परिवर्तन गर्दैन, जुन पृष्ठ प्रदर्शन दृष्टिकोण बाट उत्कृष्ट छ!
त्यसैले बेटर को हो?
त्यसैले के राम्रो प्रारूप हो - SVG वा JPG? त्यो छविमा निर्भर गर्दछ। यो प्रश्न सोध्छ "" के राम्रो छ, ह्यामर वा पेचरी? " यसले तपाइँलाई पूरा गर्ने आवश्यकतामा निर्भर गर्दछ! यी छवि ढाँचाका लागि एकदम सही छ। यदि तपाईंलाई तस्वीर प्रदर्शन गर्न आवश्यक छ भने, JPG तपाईंको लागि उत्तम छनौट हो। यदि तपाइँ एक आइकन थप्दै हुनुहुन्छ भने, त्यसपछि SVG सम्भावना राम्रो विकल्प छ। तपाई SVG फाईलहरू यहाँ प्रयोग गर्न उपयुक्त हुँदा थप जान्न सक्नुहुन्छ।
जेनिफर क्रिनिन द्वारा मूल लेख। 6/6/17 मा जेरेमी Girard द्वारा संपादित