SVG बनाम PNG: आपको कौन सा फ़ॉर्मेट चुनना चाहिए?
वेबसाइट आइकन, लोगो और यूज़र इंटरफ़ेस के लिए SVG का उपयोग करें क्योंकि वेक्टर पाथ हर स्क्रीन साइज़ पर साफ़ दिखते हैं। ईमेल या सोशल मीडिया के लिए फिक्स्ड पिक्सेल इमेज चाहिए तो PNG चुनें।
वेक्टर कला किनारों को गणित के रूप में सहेजती है, पिक्सेल नहीं: वही फ़ाइल 16 px फ़ेविकॉन से 2048 px निर्यात तक तेज़ दिखती है। PNG आपको निश्चित पिक्सेल देता है, जिसकी माँग कुछ प्लेटफ़ॉर्म से होती है। यह साइट आपके ब्राउज़र में SVG को 64px, 128px, 256px, 512px, 1024px, 2048px आकारों में PNG और WebP में बदलती है, और प्रत्येक आइकन पृष्ठ अपना लाइसेंस तथा निर्माता बताता है। रेटिना स्क्रीन, रंग बदलाव और रिस्पॉन्सिव लेआउट के लिए इंटरफ़ेस आइकन और लोगो के लिए SVG चुनें; सोशल कार्ड, ऐप स्टोर लिस्टिंग या पुराने मेल क्लाइंट जैसी जगहों के लिए, जहाँ निश्चित रैस्टर चाहिए, PNG चुनें।
SVG, one file for every size
<svg viewBox="0 0 24 24" width="24" height="24" role="img" aria-label="Bell">
<path d="M12 3a6 6 0 0 0-6 6c0 4.5-1.5 5.5-1.5 5.5h15S18 13.5 18 9a6 6 0 0 0-6-6Z"/>
<path d="M10 19a2 2 0 0 0 4 0"/>
</svg>PNG, when a fixed pixel size is required
<img src="bell-512px.png" width="512" height="512"
alt="Bell notification icon">इस साइट के प्रमाणित तथ्य
- निर्यात प्रारूप: Optimized SVG, PNG, WebP, React TSX, Vue 3 SFC, Svelte, CSS mask or data URI, SVG sprite
- रैस्टर निर्यात आकार: 64px, 128px, 256px, 512px, 1024px, 2048px
- वर्कस्पेस में प्रति फ़ाइल अपलोड सीमा: 2 MB
- लाइसेंस और निर्माता प्रत्येक आइकन पृष्ठ पर दर्ज होते हैं।