مفت کنورٹر

SVG سے PNG کنورٹر

ویکٹر SVG فائلوں کو اعلی معیار کی راسٹر PNG تصاویر میں تبدیل کریں۔ اپنے براؤزر میں آؤٹ پٹ اسکیل اور پس منظر کا رنگ آسانی سے حسب ضرورت بنائیں۔

SVG کو یہاں گھسیٹیں اور چھوڑیں۔

50MB تک سپورٹ کرتا ہے۔

یا

اس ٹول کے بارے میں

SVG (Scalable Vector Graphics) تصویروں کو جیومیٹرک پرائمیٹوز کے ایک سیٹ کے طور پر بیان کرتا ہے — راستے، شکلیں، متن، گریڈینٹ — جو معیار کے نقصان کے بغیر کسی بھی سائز تک پیمانہ ہوتا ہے۔ PNG ایک مستطیل پکسل گرڈ کو ایک مقررہ ریزولوشن پر اسٹور کرتا ہے۔ SVG کو PNG میں تبدیل کرنا ایک راسٹرائزیشن مرحلہ ہے: SVG کی ڈرائنگ ہدایات کا اندازہ ایک منتخب پکسل سائز پر کیا جاتا ہے اور نتیجے میں آنے والے بٹ میپ کو PNG کے بطور انکوڈ کیا جاتا ہے۔ آؤٹ پٹ آپ کے بتائے ہوئے سائز پر کرکرا نظر آتا ہے لیکن اگر چھوٹا کیا جائے تو پکسلیٹ ہو جاتا ہے۔

یہ کنورٹر براؤزر کے بلٹ ان SVG انجن کا استعمال کرتے ہوئے SVG پیش کرتا ہے۔ SVG کو ایک تصویری عنصر میں لوڈ کیا جاتا ہے، جسے HTML5 کینوس پر منتخب کردہ آؤٹ پٹ ڈائمینشنز پر کھینچا جاتا ہے، اور canvas.toBlob کے ذریعے PNG کے بطور برآمد کیا جاتا ہے۔ چونکہ براؤزر راسٹرائزیشن کرتا ہے، پیچیدہ SVG خصوصیات — گریڈیئنٹس، فلٹرز، ماسک، اینیمیشنز کو ایک جامد فریم کے طور پر — اسی طرح رینڈر کرتا ہے جس طرح وہ حقیقی ویب پیج پر کرتے ہیں۔

SVG سے PNG کی تبدیلی میں سب سے اہم فیصلہ ہدف کا سائز ہے۔ SVG ریزولیوشن سے آزاد ہے، اس لیے ایک PNG سائز کا انتخاب کرنا جو اصل استعمال سے میل کھاتا ہو زیادہ پروویژننگ (تھمب نیل کے سائز کے آئیکنز کے لیے بڑی فائلیں) اور انڈر پروویژننگ (بعد میں اسکیل کرنے پر دھندلی آؤٹ پٹ) سے گریز کرتا ہے۔ عام اہداف: شبیہیں کے لیے 32×32 یا 64×64، لوگو کے لیے 256×256 یا 512×512، ہیرو گرافکس کے لیے 1024×1024، ریٹنا کے معیار کے اثاثوں کے لیے 2048×2048۔

SVG کو PNG میں کیوں تبدیل کریں۔

SVG ویب اور جدید ڈیزائن ٹولز کے لیے شاندار ہے لیکن بہت سے دوسرے سیاق و سباق کے لیے خوفناک ہے۔ ای میل کلائنٹس SVG کو متضاد طور پر پیش کرتے ہیں۔ کچھ اسے سیکیورٹی رسک کے طور پر روکتے ہیں۔ پرانے آفس سافٹ ویئر، کچھ CMSes، تھرڈ پارٹی سروسز، اور تقریباً تمام فوٹو پرنٹ پائپ لائنز SVG کو بالکل بھی قبول نہیں کرتی ہیں۔ PNG میں تبدیل کرنے سے ایک عالمی طور پر قبول شدہ راسٹر تیار ہوتا ہے جو منتخب کردہ سائز پر یکساں نظر آتا ہے۔

PNG وصول کنندہ کے SVG رینڈرر پر انحصار کیے بغیر دفتری دستاویزات، سلائیڈ ڈیک اور PDFs میں بھی قابل اعتماد طریقے سے سرایت کرتا ہے۔ لوگو اور گرافکس کے لیے جو کہ بہت سے پلیٹ فارمز پر مستقل طور پر ظاہر ہونے کی ضرورت ہے، PNG محفوظ انتخاب ہے — حالانکہ یہ ریزولیوشن کی آزادی کھو دیتا ہے جو SVG کو پہلی جگہ پرکشش بناتا ہے۔

استعمال کرنے کا طریقہ

اپنے ہدف کا سائز منتخب کریں، رینڈر کریں۔ براؤزر راسٹرائزیشن کرتا ہے۔

  1. SVG فائل اپ لوڈ کریں۔: SVG کو اپ لوڈ ایریا میں گھسیٹیں یا براؤز کرنے کے لیے کلک کریں۔ 50 MB تک کی فائلیں تعاون یافتہ ہیں، حالانکہ عام SVGs 1 MB سے کم ہیں۔ خود ساختہ SVGs بہترین کام کرتے ہیں۔ SVGs جو xlink:href کے ذریعے ریموٹ یو آر ایل کے ذریعے بیرونی تصاویر کا حوالہ دیتے ہیں وہ نامکمل ہو سکتے ہیں۔
  2. آؤٹ پٹ سائز کا انتخاب کریں۔: ڈیفالٹ SVG کے مقامی ویو باکس کے طول و عرض ہے، لیکن آپ کسی بھی پکسل سائز کو اوور رائیڈ کر سکتے ہیں۔ ایک ایسا سائز منتخب کریں جو آپ کے حقیقی استعمال سے مماثل ہو — آئیکنز کے لیے 4K PNGs بنانے سے گریز کریں جو 32×32 پر ظاہر ہوں گے۔
  3. رینڈر: براؤزر SVG کو پارس کرتا ہے، اسے مطلوبہ جہتوں پر کینوس پر کھینچتا ہے، اور کینوس کو PNG کے طور پر برآمد کرتا ہے۔ فلٹرز یا بڑی پاتھ گنتی کے ساتھ پیچیدہ SVGs میں ایک لمحہ لگ سکتا ہے۔ سادہ شبیہیں فوری طور پر پیش کرتی ہیں۔
  4. PNG ڈاؤن لوڈ کریں۔: فائل کو محفوظ کریں۔ SVG میں شفافیت (کوئی بھی چیز جو کھینچی ہوئی شکلوں سے باہر ہے) PNG میں الفا چینل کے طور پر محفوظ ہے۔

عام استعمال کے معاملات

تکنیکی تفصیلات

SVG (W3C Recommendation) ایک XML پر مبنی ویکٹر فارمیٹ ہے جس میں راستوں، بنیادی شکلوں (ریکٹ، دائرہ، بیضوی، لکیر، کثیر الاضلاع، پولی لائن)، متن، گریڈیئنٹس (لینیئر گریڈینٹ، ریڈیل گریڈینٹ)، فلٹرز، ماسک، اور کلپ پاتھ شامل ہیں۔ براؤزر XML کو پارس کرتا ہے، ایک DOM بناتا ہے، CSS کا اطلاق کرتا ہے، اور صفحہ رینڈرنگ کے دوران نتیجہ کو راسٹرائز کرتا ہے۔

یہ کنورٹر SVG کو HTMLImageElement میں لوڈ کرتا ہے (جو براؤزر کے عام SVG-as-image رینڈرنگ پاتھ کو متحرک کرتا ہے)، پھر اسے drawImage کے ذریعے کینوس کی طرف کھینچتا ہے۔ canvas.toBlob('image/png') کا استعمال کرتے ہوئے کینوس کو PNG کے طور پر برآمد کیا جاتا ہے۔ آؤٹ پٹ میں عین مطابق پکسلز اس سے ملتے ہیں جو SVG براؤزر ٹیب میں ایک ہی سائز میں پیش کرے گا۔

ایج کیسز: امیج عنصر کے ذریعے استعمال ہونے پر فارن آبجیکٹ کا استعمال کرتے ہوئے SVG ہمیشہ تعاون یافتہ نہیں ہوتا ہے۔ بیرونی وسائل کا حوالہ دینے والا SVG (xlink:href کسی مختلف ڈومین پر) CORS کی وجہ سے لوڈ ہونے میں ناکام ہو سکتا ہے۔ SMIL اینیمیشنز اور JavaScript سے چلنے والی اینیمیشن صرف ابتدائی فریم کے طور پر پیش کرتے ہیں۔

بہترین طرز عمل

اکثر پوچھے جانے والے سوالات

کیا PNG میں تبدیل ہونے پر میرا SVG معیار کھو دے گا؟
ویکٹر سے راسٹر کی تبدیلی کا مطلب ہے کہ تصویر پکسل پر مبنی ہو جاتی ہے اور اب لامحدود پیمانے پر نہیں رہ سکتی۔ اس بات کو یقینی بنانے کے لیے کہ PNG آپ کے مطلوبہ ڈسپلے سائز پر تیز نظر آئے ایک اعلیٰ ریزولیوشن کا انتخاب کریں۔
PNG فارمیٹ کس کے لیے استعمال ہوتا ہے؟
PNG (پورٹ ایبل نیٹ ورک گرافکس) بنیادی طور پر شفافیت، اسکرین شاٹس، لوگو، شبیہیں کے ساتھ گرافکس کے لیے استعمال ہوتا ہے۔
کیا کوئی حدود ہیں جن سے آگاہ ہونا ضروری ہے؟
50MB تک کی فائلیں معاون ہیں۔ بہت بڑی یا پیچیدہ فائلوں پر کارروائی میں زیادہ وقت لگ سکتا ہے۔ تمام تبدیلیاں آپ کے براؤزر میں ہوتی ہیں، لہذا پروسیسنگ کی رفتار آپ کے آلے پر منحصر ہے۔
کیا تبدیلی کے دوران میری تصاویر نجی رکھی جاتی ہیں؟
جی ہاں آپ کی SVG فائلوں کو مکمل طور پر آپ کے براؤزر میں Canvas API اور JavaScript کا استعمال کرتے ہوئے پروسیس کیا جاتا ہے۔ کسی بھی سرور پر کچھ بھی اپ لوڈ نہیں ہوتا ہے — فائل براہ راست آپ کے آلے سے کنورٹر اور واپس آپ کے آلے پر جاتی ہے۔
کیا متن کو متن کے طور پر پیش کیا گیا ہے یا راستوں کے طور پر؟
متن کو آؤٹ پٹ PNG میں پکسلز کے طور پر راسٹرائز کیا جاتا ہے۔ آؤٹ پٹ اب قابل تلاش یا قابل انتخاب نہیں ہے۔ اگر آپ کا SVG فونٹ استعمال کرتا ہے جو براؤزر میں دستیاب نہیں ہے، تو متن فال بیک فونٹ میں رینڈر ہو سکتا ہے۔ ضمانت شدہ ظاہری شکل کے لیے پیش کرنے سے پہلے متن کو SVG میں راستوں میں تبدیل کریں۔
کیا میرا SVG سرور پر اپ لوڈ ہے؟
نمبر SVG پارسنگ اور رینڈرنگ آپ کے براؤزر میں ہوتی ہے۔ PNG انکوڈنگ آپ کے براؤزر میں ہوتی ہے۔ فائل آپ کے آلے کو نہیں چھوڑتی ہے۔
میری تبدیل شدہ PNG خالی کیوں ہے؟
عام وجوہات: SVG بیرونی تصاویر کا حوالہ دیتا ہے جو CORS کی وجہ سے لوڈ ہونے میں ناکام رہیں۔ SVG ایسی خصوصیات کا استعمال کرتا ہے جو امیج ایلیمنٹ رینڈرنگ پاتھ (غیر ملکی آبجیکٹ، کچھ فلٹرز) کے ذریعے تعاون یافتہ نہیں ہیں؛ SVG میں صفر جہتی ویو باکس ہے۔ SVG کو براہ راست براؤزر میں کھولیں تاکہ کنورٹ کرنے سے پہلے اس کے رینڈر ہونے کی تصدیق کی جا سکے۔
کیا میں اسکرپٹ میں SVG کو PNG میں تبدیل کر سکتا ہوں؟
ہاں — بیچ کی ملازمتوں کے لیے، تیز یا کٹھ پتلی کا استعمال کرتے ہوئے ایک Node.js سیٹ اپ براؤزر کے ساتھ اسی طرح کی مخلصی کے ساتھ SVG کو PNG میں پیش کرتا ہے۔ یہ ٹول کسی بھی چیز کو انسٹال کیے بغیر براؤزر میں یک طرفہ تبادلوں کے لیے ہے۔