PNG vs SVG

जो बनाया गया है उसके लिए SVG; जो खींचा गया है या पहले से दर्ज है उसके लिए PNG।

PNG तब लें, जब

PNG तब, जब तस्वीर कोई फ़ोटो या स्क्रीनशॉट हो, या जहाँ भेजनी है वह SVG लेता ही न हो।

SVG तब लें, जब

SVG लोगो, आइकॉन और आरेखों के लिए। यह हर आकार पर साफ़ रहता है और आम तौर पर उसी तस्वीर के पिक्सेल रूप से कम जगह लेता है।

जिस बात पर लोग फँसते हैं

किसी फ़ोटो को SVG में बदलकर वेक्टर चित्र की उम्मीद नहीं की जा सकती। जो बाहर आता है वह हज़ारों आकृतियों की पच्चीकारी है: असली से भारी और देखने में बदसूरत।

PNG से SVG पर जाना

क्या बचा रहता है

कुछ नहीं खोता। PNG और SVG — दोनों अपनी सामग्री बिना नुक़सान सँभालते हैं: यह कन्वर्ज़न पैकिंग बदलता है, गुणवत्ता नहीं, और आप इसे दोहरा सकते हैं बिना इस डर के कि नुक़सान जमा होता जाएगा।

पारदर्शिता बनी रहती है। PNG और SVG — दोनों अल्फ़ा चैनल सँभालते हैं: काटा हुआ हिस्सा कटा ही रहता है और उसके पीछे कुछ भरा नहीं जाता।

लक्ष्य फ़ॉर्मेट क्या और सँभाल सकता है

SVG काम करने का फ़ॉर्मेट है और PNG बनकर तैयार फ़ॉर्मेट। जो लौटता है वह पन्ने की तस्वीर नहीं बल्कि बदली जा सकने वाली लिखावट है — आम तौर पर यही इस कन्वर्ज़न की वजह होती है, और यही इसकी सीमा भी।

SVG एनिमेशन ढो सकता है; PNG फ़ाइल एक ही फ़्रेम है। बाहर ऐसी फ़ाइल आती है जिसमें एक तस्वीर है, और वह ऐसे फ़ॉर्मेट में है जो इससे ज़्यादा सँभाल सकता था।

SVG परतें सँभाल सकता है। PNG फ़ाइल पहले से मिली हुई आती है, इसलिए नतीजे में एक ही परत रहती है — बनावट को हाथ से दोबारा खड़ा करना पड़ेगा।

फ़ाइल का आकार और गुणवत्ता

SVG सैंपल कच्चे रूप में रखता है, इसलिए फ़ाइल ख़ूब बढ़ जाती है और बदले में कुछ मिलता नहीं। इस दिशा का मतलब सिर्फ़ तब है जब दूसरी तरफ़ का कोई प्रोग्राम PNG लेता ही न हो — और वजह आम तौर पर यही होती भी है।

कौन-सा फ़ॉर्मेट किस काम के लिए है

PNG PNG Development Group का फ़ॉर्मेट है, जो 1996 में आया। यह हर चैनल पर 16 बिट में दर्ज करता है।

SVG W3C का है और 2001 से चला आ रहा है, और SVG 1.1 में तय किया गया है। Inkscape, Adobe Illustrator और Figma इस फ़ॉर्मेट को पढ़ लेते है।

SVG से PNG पर जाना

क्या खो जाता है

SVG आकृतियों का वर्णन करता है और PNG बिंदु सँभालता है। नतीजा उसी नाप पर साफ़ है जिस पर वह बना, उससे बड़े पर नहीं: बाद में बढ़ाने पर बीच के बिंदु सिर्फ़ गढ़े जा सकते हैं — इसीलिए यहाँ निर्यात की नाप बाक़ी ज़्यादातर कन्वर्ज़न से ज़्यादा मायने रखती है।

PNG में एक ठहरा हुआ फ़्रेम होता है। चलती हुई SVG फ़ाइल में से पहला फ़्रेम बचता है और बाक़ी छूट जाता है: यह कन्वर्ज़न उसमें से एक तस्वीर निकालता है, हरकत साथ नहीं ले जाता।

परतें आपस में मिला दी जाती हैं। SVG उन्हें अलग और बदलने लायक़ रखता है; PNG नतीजा रखता है — यानी जिस भी काम के लिए किसी परत को खिसकाना पड़े, वह पहले ही निपटा लेना होगा।

क्या बचा रहता है

कुछ नहीं खोता। SVG और PNG — दोनों अपनी सामग्री बिना नुक़सान सँभालते हैं: यह कन्वर्ज़न पैकिंग बदलता है, गुणवत्ता नहीं, और आप इसे दोहरा सकते हैं बिना इस डर के कि नुक़सान जमा होता जाएगा।

पारदर्शिता बनी रहती है। SVG और PNG — दोनों अल्फ़ा चैनल सँभालते हैं: काटा हुआ हिस्सा कटा ही रहता है और उसके पीछे कुछ भरा नहीं जाता।

फ़ाइल का आकार और गुणवत्ता

PNG उन्हीं सैंपल को क़रीब आधी जगह में बाँध देता है। कुछ जाता नहीं — खोलने पर SVG फ़ाइल बिट-दर-बिट वापस मिलती है — और इसी से यह उस हर चीज़ के लिए बेहतर जगह बन जाता है जिसे आप सँभालकर रखना चाहते हैं।

कौन-सा फ़ॉर्मेट किस काम के लिए है

SVG W3C का फ़ॉर्मेट है, जो 2001 में आया। यह SVG 1.1 में तय किया गया है, और अगर फ़ाइल को उस औज़ार से ज़्यादा जीना है जिसने उसे लिखा, तो यह बात क़ीमती है।

PNG PNG Development Group का है और 1996 से चला आ रहा है, और ISO/IEC 15948 में तय किया गया है। Adobe Photoshop, GIMP और Paint.NET इस फ़ॉर्मेट को पढ़ लेते है।

आमने-सामने

PNG और SVG की पंक्ति-दर-पंक्ति तुलना: कौन क्या सँभालता है, और उसकी क़ीमत क्या है।
PNGSVG
Full namePortable Network GraphicsScalable Vector Graphics
एक्सटेंशन.png.svg
मीडिया टाइपimage/pngimage/svg+xml
कंप्रेशनबिना नुक़सान — कुछ छोड़ा नहीं जाताबिना कंप्रेशन
यह साइट इसे लिख सकती हैहाँहाँ

तय हो गया? यहीं बदल लीजिए

ये आँकड़े कहाँ से आए

इस पेज पर PNG and SVG के बारे में जो कहा गया है, वह जाँचा जा सकता है, और ये रहे वे दस्तावेज़ जो उसे तय करते हैं।