SVG سے PNG کنورٹر
ویکٹر SVG فائلوں کو اعلی معیار کی راسٹر PNG تصاویر میں تبدیل کریں۔ اپنے براؤزر میں آؤٹ پٹ اسکیل اور پس منظر کا رنگ آسانی سے حسب ضرورت بنائیں۔
SVG کو یہاں گھسیٹیں اور چھوڑیں۔
50MB تک سپورٹ کرتا ہے۔
ویکٹر SVG فائلوں کو اعلی معیار کی راسٹر PNG تصاویر میں تبدیل کریں۔ اپنے براؤزر میں آؤٹ پٹ اسکیل اور پس منظر کا رنگ آسانی سے حسب ضرورت بنائیں۔
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 ویب اور جدید ڈیزائن ٹولز کے لیے شاندار ہے لیکن بہت سے دوسرے سیاق و سباق کے لیے خوفناک ہے۔ ای میل کلائنٹس SVG کو متضاد طور پر پیش کرتے ہیں۔ کچھ اسے سیکیورٹی رسک کے طور پر روکتے ہیں۔ پرانے آفس سافٹ ویئر، کچھ CMSes، تھرڈ پارٹی سروسز، اور تقریباً تمام فوٹو پرنٹ پائپ لائنز SVG کو بالکل بھی قبول نہیں کرتی ہیں۔ PNG میں تبدیل کرنے سے ایک عالمی طور پر قبول شدہ راسٹر تیار ہوتا ہے جو منتخب کردہ سائز پر یکساں نظر آتا ہے۔
PNG وصول کنندہ کے SVG رینڈرر پر انحصار کیے بغیر دفتری دستاویزات، سلائیڈ ڈیک اور PDFs میں بھی قابل اعتماد طریقے سے سرایت کرتا ہے۔ لوگو اور گرافکس کے لیے جو کہ بہت سے پلیٹ فارمز پر مستقل طور پر ظاہر ہونے کی ضرورت ہے، PNG محفوظ انتخاب ہے — حالانکہ یہ ریزولیوشن کی آزادی کھو دیتا ہے جو SVG کو پہلی جگہ پرکشش بناتا ہے۔
اپنے ہدف کا سائز منتخب کریں، رینڈر کریں۔ براؤزر راسٹرائزیشن کرتا ہے۔
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 سے چلنے والی اینیمیشن صرف ابتدائی فریم کے طور پر پیش کرتے ہیں۔