⁦SVG⁩ سے ⁦PNG⁩
کنورٹر

⁦SVG⁩ کو ⁦PNG⁩ میں کیسے بدلیں

1. “فوٹو منتخب کریں” پر کلک کریں یا .⁦svg⁩ فائلیں صفحے پر چھوڑ دیں۔
2. ہر ⁦SVG⁩ فوراً ⁦2×⁩ پیمانے پر بن کر ⁦PNG⁩ کے طور پر محفوظ ہو جاتی ہے۔
3. اگر چھوٹی یا بڑی تصویر چاہیے تو دائیں جانب سیٹنگز پینل میں کوئی دوسرا “پیمانہ” منتخب کریں، پھر “تمام فائلوں پر لاگو کریں” پر کلک کریں۔
4. ہر ⁦PNG⁩ محفوظ کریں، یا “سب ڈاؤن لوڈ کریں (.⁦zip)⁩”۔

آؤٹ پٹ کا سائز کیسے طے ہوتا ہے

ابتدائی سائز خود ⁦SVG⁩ سے لیا جاتا ہے۔ اگر ⁦root svg⁩ ایلیمنٹ میں ⁦width⁩ اور ⁦height⁩ دی گئی ہوں تو وہی استعمال ہوتی ہیں، اور ⁦mm⁩، ⁦cm⁩، ⁦in⁩ اور ⁦pt⁩ جیسی اکائیاں معیاری ⁦96⁩ پکسل فی انچ کے حساب سے بدلی جاتی ہیں۔ اگر صرف ⁦viewBox⁩ دیا گیا ہو تو اس کی ⁦width⁩ اور ⁦height⁩ استعمال ہوتی ہیں۔ اگر فائل میں دونوں میں سے کچھ نہ ہو تو براؤزر اسے ⁦300⁩ ضرب ⁦150⁩ پکسل مانتے ہیں، اور یہ ٹول بھی یہی کرتا ہے۔

پھر اس سائز کو “پیمانہ” سیٹنگ سے ضرب دیا جاتا ہے۔ ⁦24⁩ ضرب ⁦24⁩ کا آئیکن ⁦4×⁩ پر ⁦96⁩ ضرب ⁦96⁩ کی ⁦PNG⁩ بن جاتا ہے۔ ہر براؤزر کی ڈرائنگ کی حد میں رہنے کے لیے آؤٹ پٹ کی ہر سائیڈ زیادہ سے زیادہ ⁦8192⁩ پکسل اور کل تقریباً ⁦16⁩ میگا پکسل تک محدود ہے، اور اگر تصویر اس سے بڑھنے لگے تو اسکیل خود بخود کم کر دیا جاتا ہے۔

پیمانہ سیٹنگ کیا کرتی ہے

• ⁦1×: PNG⁩ کا پکسل سائز وہی ہوتا ہے جو ⁦SVG⁩ کا ہے۔ تب اچھا ہے جب ⁦SVG⁩ بالکل اپنے دکھائے جانے والے سائز پر ڈیزائن کی گئی ہو۔
• ⁦2× (⁩واضح): ڈیفالٹ۔ دگنا سائز، جو ہائی ڈینسٹی فون اور لیپ ٹاپ اسکرینوں پر صاف نظر آتا ہے۔
• ⁦4× (⁩پرنٹ): چار گنا سائز، پرنٹ، سلائیڈز یا جہاں بھی بڑی ⁦bitmap⁩ تصویر چاہیے۔

فونٹس، تصاویر اور دیگر چیزیں جو چیک کرنی ہیں

⁦SVG⁩ کو اسی طرح بنایا جاتا ہے جیسے براؤزر تصویر کے طور پر استعمال ہونے والی ⁦SVG⁩ بناتا ہے۔ اس موڈ میں براؤزر فائل سے باہر کی کوئی چیز لوڈ نہیں کرتا: لنک کی گئی تصاویر، ویب فونٹس اور بیرونی اسٹائل شیٹس نظر انداز ہو جاتی ہیں، اور اسکرپٹس نہیں چلتے۔ فائل کے اندر ⁦data URL⁩ کے طور پر شامل تصاویر کام کرتی ہیں۔

تحریر آپ کے ڈیوائس پر انسٹال فونٹس سے بنتی ہے۔ اگر ⁦SVG⁩ میں کوئی ایسا فونٹ استعمال ہوا ہے جو آپ کے پاس نہیں تو متبادل فونٹ استعمال ہوتا ہے اور تحریر مختلف لگ سکتی ہے یا اپنی جگہ سے ہٹ سکتی ہے۔ پکا حل یہ ہے کہ ⁦SVG⁩ ایکسپورٹ کرنے سے پہلے اپنے ویکٹر ایڈیٹر میں تحریر کو ⁦outlines (paths)⁩ میں بدل دیں۔

اینیمیشنز شامل نہیں ہوتیں؛ آپ کو ایک ساکن تصویر ملتی ہے۔ شفاف حصے ⁦PNG⁩ میں بھی شفاف رہتے ہیں۔

عام مسائل اور ان کا حل

• “یہ ⁦SVG⁩ پڑھی نہیں جا سکی۔” فائل درست ⁦XML⁩ نہیں ہے، یا ⁦SVG⁩ ہی نہیں ہے۔ اسے کسی ٹیکسٹ ایڈیٹر میں کھول کر دیکھیں کہ یہ ⁦svg⁩ ایلیمنٹ سے شروع ہوتی ہے یا نہیں۔ ویب صفحات سے کاپی کی گئی ⁦SVG⁩ فائلوں میں اکثر ⁦namespace declaration⁩ نہیں ہوتی؛ ٹول اسے آپ کے لیے شامل کر دیتا ہے۔
• ⁦PNG⁩ خالی ہے یا اس کے کچھ حصے غائب ہیں۔ غالباً ڈرائنگ کسی بیرونی تصویر یا اسٹائل شیٹ پر انحصار کرتی ہے۔ انہیں ⁦SVG⁩ کے اندر شامل کریں یا اپنے ایڈیٹر میں آرٹ ورک کو ⁦flatten⁩ کریں۔
• ⁦PNG⁩ کا سائز غلط ہے۔ ⁦SVG⁩ میں ⁦width⁩ اور ⁦height⁩ آپ کی توقع سے مختلف رکھی گئی ہیں، یا فیصد میں ہیں۔ انہیں فائل میں ایڈٹ کریں، یا “پیمانہ” سیٹنگ پر انحصار کریں۔
• آؤٹ پٹ ⁦4×⁩ سے چھوٹا ہے۔ تصویر اوپر بیان کی گئی سائز کی حد تک پہنچ گئی۔

⁦SVG⁩ یا ⁦PNG⁩؟

ویب سائٹس پر لوگو، آئیکنز اور السٹریشنز کے لیے ⁦SVG⁩ رکھیں: یہ ہر سائز پر صاف رہتی ہے اور اکثر بہت چھوٹی ہوتی ہے۔ ⁦PNG⁩ تب استعمال کریں جب کوئی پروگرام، سوشل نیٹ ورک، ای میل کلائنٹ یا ڈاکیومنٹ ایڈیٹر ⁦SVG⁩ قبول نہ کرے، یا جب آپ کو ایپ اسٹور یا ⁦favicon⁩ کے لیے مقررہ سائز کی تصویر چاہیے۔ اگر الٹا کام کرنا ہو تو ⁦PNG⁩ سے ⁦SVG⁩، ⁦bitmap⁩ کو ٹریس کر کے ویکٹر اشکال میں بدل دیتا ہے۔