مفت کنورٹر

PNG سے ایس وی جی ویکٹرائزر

راسٹر PNG/JPG امیجز کو قابل توسیع ویکٹر SVG گرافکس میں تبدیل کریں۔ محفوظ، تیز، اور مکمل طور پر آپ کے براؤزر کے اندر عملدرآمد۔

PNG/JPG کو یہاں گھسیٹیں اور چھوڑیں۔

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

یا

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

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

یہ کنورٹر imagetracerjs لائبریری کا استعمال کرتا ہے، جو پوٹریس کی طرح ویکٹر ٹریسنگ الگورتھم کا جاوا اسکرپٹ پورٹ ہے۔ PNG کو ایک RGBA بٹ میپ میں ڈی کوڈ کیا جاتا ہے، بٹ میپ کو کنفیگر ایبل پیلیٹ کا استعمال کرتے ہوئے رنگین علاقوں میں تقسیم کیا جاتا ہے، ہر علاقے کی باؤنڈری کو ایک پاتھ میں ٹریس کیا جاتا ہے، Bezier approximation کا استعمال کرتے ہوئے راستوں کو آسان بنایا جاتا ہے، اور نتیجے میں آنے والے راستے SVG پاتھ عناصر کے طور پر خارج ہوتے ہیں۔ پوری پائپ لائن بغیر کسی سرور اپ لوڈ کے آپ کے براؤزر میں چلتی ہے۔

ٹریسنگ پیرامیٹرز مخلصی اور فائل کے سائز کے درمیان تجارت کو کنٹرول کرتے ہیں۔ مزید رنگوں اور باریک تفصیلات سے ایک بڑا SVG پیدا ہوتا ہے جو ماخذ سے زیادہ میل کھاتا ہے۔ کم رنگ اور موٹے ٹریسنگ زیادہ اسٹائلائزڈ احساس کے ساتھ ایک چھوٹا ایس وی جی پیدا کرتے ہیں۔ ڈیفالٹس لوگو اور شبیہیں کے لیے بنائے گئے ہیں۔ پیچیدہ تصاویر ایڈجسٹ سیٹنگز کے ساتھ ٹریسنگ پاس سے فائدہ اٹھا سکتی ہیں، یا صرف ویکٹرائزیشن کے لیے اچھے امیدوار نہیں ہو سکتی ہیں۔

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

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

چند رنگوں اور بڑے فلیٹ خطوں والے گرافکس کے لیے SVG PNG سے بھی نمایاں طور پر زیادہ کمپیکٹ ہے۔ 256×256 پر ایک PNG آئیکن 8 KB ہو سکتا ہے۔ دو یا تین رنگوں کے ساتھ مساوی SVG اکثر 1 KB سے کم ہوتا ہے۔ ویب فرنٹ اینڈ پر ڈیلیور کردہ UI آئیکن لائبریریوں کے لیے، ویکٹر ورژن بنڈل کے سائز کو کم کرتے ہیں اور ڈسپلے کی تمام کثافتوں پر نفاست کو بہتر بناتے ہیں۔

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

ایک PNG چھوڑیں، ٹریسنگ کی ترتیبات کا انتخاب کریں، ایک SVG بنائیں۔

  1. اپنا PNG اپ لوڈ کریں۔: فائل کو اپ لوڈ ایریا میں گھسیٹیں یا براؤز کرنے کے لیے کلک کریں۔ بہترین نتائج تیز کناروں کے ساتھ PNGs سے آتے ہیں اور بہت کم تعداد میں الگ الگ رنگ ہوتے ہیں — لوگو، شبیہیں، لائن آرٹ، سادہ عکاسی۔ تصاویر خراب طریقے سے ٹریس کرتی ہیں اور بہت بڑی SVG تیار کرتی ہیں۔
  2. اگر ضرورت ہو تو ٹریسنگ کے اختیارات کو ایڈجسٹ کریں۔: رنگوں کی گنتی کنٹرول کرتی ہے کہ آؤٹ پٹ میں کتنے الگ رنگ ظاہر ہوتے ہیں۔ راستے کی آسانیاں (جسے ltres یا qtres بھی کہا جاتا ہے) کنٹرول کرتا ہے کہ الگورتھم کس قدر جارحانہ طریقے سے کونوں کو ہموار کرتا ہے۔ اعلی صحت سے متعلق SVGs ماخذ کے قریب لیکن زیادہ پاتھ ڈیٹا کے ساتھ پیدا کرتا ہے۔
  3. ٹریس اور پیش نظارہ: Imagetracerjs الگورتھم کلر کوانٹائزیشن، کنارے کا پتہ لگانے، کنٹور ٹریسنگ، اور بیزیئر فٹنگ کے ذریعے چلتا ہے۔ تصویر کے سائز اور رنگوں کی تعداد کے ساتھ ٹائم اسکیلز کا سراغ لگانا۔ ایک 256×256 لوگو جس میں 4 رنگوں کے نشانات ایک سیکنڈ سے کم ہوتے ہیں۔ 16 رنگوں والی 1024×1024 تصویر میں کئی سیکنڈ لگ سکتے ہیں۔
  4. SVG ڈاؤن لوڈ کریں۔: SVG کو اپنے آلے میں محفوظ کریں۔ فائل میں راستے کے عناصر کے ساتھ XML مارک اپ شامل ہے۔ آپ اسے کسی بھی ٹیکسٹ ایڈیٹر میں کھول کر نتیجہ کا معائنہ یا ہاتھ سے ٹیون کر سکتے ہیں۔

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

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

imagetracerjs ایک ملٹی سٹیج پائپ لائن کو لاگو کرتا ہے: کلر کوانٹائزیشن بٹ میپ کو رنگوں کی ایک مقررہ تعداد تک کم کر دیتی ہے کے-مینز کلسٹرنگ یا میڈین کٹ کا استعمال کرتے ہوئے؛ کنارے کا پتہ لگانے سے علاقوں کے درمیان پکسل کی حدود کی نشاندہی ہوتی ہے۔ کنٹور ٹریسنگ بند کثیر الاضلاع پیدا کرنے کے لیے حدود کی پیروی کرتی ہے۔ لائن اور وکر کی فٹنگ پاتھ ڈیٹا کو کم کرنے کے لیے بیزیئر کروز کے ساتھ کثیر الاضلاع کا تخمینہ لگاتی ہے۔

الگورتھم کے پیرامیٹرز جو سب سے زیادہ اہمیت کے حامل ہیں وہ رنگوں کی تعداد ہیں (عام: 4–32)، پاتھومیٹ (اس بہت سے پکسلز سے چھوٹے راستے کو شور کے طور پر رد کر دیا جاتا ہے)، ltres (لائن رواداری — ایک کنارہ کسی نئے حصے میں تقسیم ہونے سے پہلے کس حد تک ہٹ سکتا ہے)، اور qtres (چوکراٹک منحنی خطوط کی رواداری — کیسے ہیں)۔ لوگو کے لیے ڈیفالٹس اچھی طرح سے کام کرتے ہیں۔ پیچیدہ تصاویر فی امیج ٹیوننگ سے فائدہ اٹھاتی ہیں۔

آؤٹ پٹ پاتھ عناصر کے ساتھ معیاری SVG 1.1 ہے۔ ہر رنگ کا علاقہ بھرنے کے وصف کے ساتھ ایک راستہ بن جاتا ہے۔ نتیجے میں آنے والی فائل کسی بھی براؤزر، ویکٹر ایڈیٹر، یا SVG سے آگاہ ڈیزائن ٹول میں کھلتی ہے۔ فائل کا سائز بنیادی طور پر راستے کی گنتی اور نوڈ کی کثافت پر منحصر ہے۔ ایک عام ٹریس شدہ لوگو 1–10 KB ہے۔

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

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

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