বিনামূল্যে কনভার্টার

PNG থেকে SVG ভেক্টরাইজার

রাস্টার PNG বা JPG ইমেজগুলোকে স্কেলেবল ভেক্টর SVG গ্রাফিক্সে রূপান্তর করুন। আপনার ব্রাউজারেই সরাসরি এবং নিরাপদে প্রসেস হবে।

আপনার PNG/JPG এখানে টেনে আনুন

সর্বোচ্চ 50MB সাপোর্টেড

অথবা

এই টুল সম্পর্কে

PNG কে SVG তে রূপান্তর করা মূলত একটি ট্রেসিং অপারেশন, ফরম্যাট পরিবর্তন নয়। PNG পিক্সেল সঞ্চয় করে; SVG জ্যামিতিক আদিম সঞ্চয় করে। একটি পিক্সেল গ্রিড থেকে স্কেলযোগ্য ভেক্টর পাথে যাওয়ার জন্য বিটম্যাপকে ব্যাখ্যা করতে হবে এবং অনুরূপ রঙের অঞ্চলগুলির চারপাশে আনুমানিক আকার আঁকতে হবে। ফলাফলটি প্রকৃতপক্ষে মাপযোগ্য — আপনি পিক্সেলেশন ছাড়াই অবাধে আকার পরিবর্তন করতে পারেন — তবে এটি উত্সের একটি নিখুঁত প্রজনন নয়। ফটোগ্রাফিক বিষয়বস্তু খারাপভাবে চিহ্নিত করে কারণ প্রতিটি পিক্সেল-স্তরের রঙের বৈচিত্র একটি আকারে পরিণত হয়, বিশাল SVG তৈরি করে যা উদ্দেশ্যকে হারায়। লোগো, আইকন, লাইন আর্ট এবং উচ্চ-কনট্রাস্ট গ্রাফিক্স পরিষ্কারভাবে ট্রেস করে কারণ তাদের সুনির্দিষ্ট সীমানা সহ অল্প সংখ্যক রঙের অঞ্চল রয়েছে।

এই কনভার্টারটি ইমেজট্র্যাসারজেস লাইব্রেরি ব্যবহার করে, পোট্রেসের মতো ভেক্টর-ট্রেসিং অ্যালগরিদমের একটি জাভাস্ক্রিপ্ট পোর্ট। PNG একটি RGBA বিটম্যাপে ডিকোড করা হয়, বিটম্যাপ একটি কনফিগারযোগ্য প্যালেট ব্যবহার করে রঙের অঞ্চলে ভাগ করা হয়, প্রতিটি অঞ্চলের সীমানা একটি পাথের মধ্যে চিহ্নিত করা হয়, পাথগুলিকে বেজিয়ার আনুমানিক ব্যবহার করে সরলীকৃত করা হয়, এবং ফলস্বরূপ পাথগুলি SVG পাথ উপাদান হিসাবে নির্গত হয়৷ পুরো পাইপলাইন কোনো সার্ভার আপলোড ছাড়াই আপনার ব্রাউজারে চলে।

ট্রেসিং প্যারামিটার বিশ্বস্ততা এবং ফাইলের আকারের মধ্যে ট্রেড-অফ নিয়ন্ত্রণ করে। আরও রঙ এবং সূক্ষ্ম বিবরণ একটি বৃহত্তর এসভিজি তৈরি করে যা উত্সের সাথে আরও ঘনিষ্ঠভাবে মেলে; কম রঙ এবং মোটা ট্রেসিং আরও শৈলীযুক্ত অনুভূতি সহ একটি ছোট এসভিজি তৈরি করে। লোগো এবং আইকনগুলির জন্য ডিফল্টগুলি টিউন করা হয়; জটিল চিত্রগুলি সামঞ্জস্যপূর্ণ সেটিংস সহ একটি ট্রেসিং পাস থেকে উপকৃত হতে পারে, বা ভেক্টরাইজেশনের জন্য ভাল প্রার্থী নাও হতে পারে।

কেন পিএনজিকে এসভিজিতে রূপান্তর করুন

একটি PNG ভেক্টরাইজ করা সবচেয়ে দরকারী যখন আপনি ছবিটিকে এর আসল রেজোলিউশনের বাইরে স্কেল করতে হবে। বিশেষ করে লোগোগুলি প্রায়শই পিএনজি হিসাবে পরিমিত আকারে আসে এবং বিলবোর্ড, রেটিনা ডিসপ্লে এবং বড়-ফরম্যাটের প্রিন্টগুলিতে খাস্তা দেখাতে হয়। একটি ভেক্টর ট্রেস একটি SVG তৈরি করে যা গুণমানের ক্ষতি ছাড়াই স্কেল করে; ট্রেডঅফ হল আসল পিক্সেলের প্রতি বিশ্বস্ততা।

কয়েকটি রঙ এবং বড় সমতল অঞ্চলের গ্রাফিক্সের জন্য SVG PNG এর তুলনায় উল্লেখযোগ্যভাবে বেশি কমপ্যাক্ট। 256×256 এ একটি PNG আইকন 8 KB হতে পারে; দুই বা তিনটি রঙের সমতুল্য SVG প্রায়শই 1 KB এর নিচে থাকে। একটি ওয়েব ফ্রন্টএন্ডে সরবরাহ করা UI আইকন লাইব্রেরির জন্য, ভেক্টর সংস্করণগুলি বান্ডিলের আকার হ্রাস করে এবং সমস্ত প্রদর্শন ঘনত্বের তীক্ষ্ণতা উন্নত করে।

কিভাবে ব্যবহার করবেন

একটি PNG ড্রপ করুন, ট্রেসিং সেটিংস চয়ন করুন, একটি SVG তৈরি করুন৷

  1. আপনার PNG আপলোড করুন: ফাইলটিকে আপলোড এলাকায় টেনে আনুন বা ব্রাউজ করতে ক্লিক করুন। তীক্ষ্ণ প্রান্ত এবং স্বল্প সংখ্যক স্বতন্ত্র রং - লোগো, আইকন, লাইন আর্ট, সাধারণ চিত্র সহ PNGs থেকে সেরা ফলাফল আসে। ফটোগ্রাফগুলি খারাপভাবে চিহ্নিত করে এবং বিশাল SVG তৈরি করে।
  2. প্রয়োজনে ট্রেসিং বিকল্পগুলি সামঞ্জস্য করুন: আউটপুটে কতগুলি স্বতন্ত্র রঙ প্রদর্শিত হবে তা কালার কাউন্ট নিয়ন্ত্রণ করে। পাথ সরলীকরণ (এটিকে ltres বা qtresও বলা হয়) নিয়ন্ত্রণ করে কতটা আক্রমনাত্মকভাবে অ্যালগরিদম কোণগুলিকে মসৃণ করে। উচ্চতর নির্ভুলতা উৎসের কাছাকাছি কিন্তু আরও পাথ ডেটা সহ SVG তৈরি করে।
  3. ট্রেস এবং পূর্বরূপ: ইমেজট্র্যাসারজ অ্যালগরিদম কালার কোয়ান্টাইজেশন, এজ ডিটেকশন, কনট্যুর ট্রেসিং এবং বেজিয়ার ফিটিং এর মাধ্যমে চলে। ছবির আকার এবং রঙের সংখ্যা সহ সময় স্কেল ট্রেসিং। একটি 256×256 লোগো যেখানে একটি সেকেন্ডের মধ্যে 4টি রঙের চিহ্ন রয়েছে; একটি 1024×1024 ইমেজ 16 টি রঙ সহ কয়েক সেকেন্ড সময় নিতে পারে।
  4. SVG ডাউনলোড করুন: আপনার ডিভাইসে SVG সংরক্ষণ করুন। ফাইলটিতে পাথ উপাদান সহ XML মার্কআপ রয়েছে; আপনি ফলাফল পরিদর্শন বা হাতে-টিউন করতে যেকোনো পাঠ্য সম্পাদকে এটি খুলতে পারেন।

সাধারণ ব্যবহারের ক্ষেত্রে

প্রযুক্তিগত বিবরণ

imagetracerjs একটি মাল্টি-স্টেজ পাইপলাইন প্রয়োগ করে: কালার কোয়ান্টাইজেশন কে-মানে ক্লাস্টারিং বা মিডিয়ান কাট ব্যবহার করে বিটম্যাপকে নির্দিষ্ট সংখ্যক রঙে কমিয়ে দেয়; প্রান্ত সনাক্তকরণ অঞ্চলগুলির মধ্যে পিক্সেল সীমানা চিহ্নিত করে; কনট্যুর ট্রেসিং বন্ধ বহুভুজ তৈরি করতে সীমানা অনুসরণ করে; লাইন-এবং-বক্ররেখা ফিটিং পাথ ডেটা কমাতে বেজিয়ার বক্ররেখা সহ বহুভুজকে আনুমানিক করে।

অ্যালগরিদম প্যারামিটারগুলি যেগুলি সবচেয়ে গুরুত্বপূর্ণ তা হল রঙের সংখ্যা (সাধারণ: 4-32), প্যাথোমিট (এই অনেক পিক্সেলের চেয়ে ছোট পথগুলি শব্দ হিসাবে বাতিল করা হয়), ltres (লাইন সহনশীলতা - একটি নতুন অংশে বিভক্ত হওয়ার আগে একটি প্রান্ত কতদূর বিচ্যুত হতে পারে), এবং qtres (চতুর্মুখী বক্ররেখা সহনশীলতা - কতটা)। ডিফল্ট লোগোর জন্য ভাল কাজ করে; জটিল ছবি প্রতি-ইমেজ টিউনিং থেকে উপকৃত হয়।

আউটপুট হল আদর্শ SVG 1.1 পাথ উপাদান সহ। প্রতিটি রঙের অঞ্চল একটি ফিল অ্যাট্রিবিউট সহ একটি পথ হয়ে যায়। ফলস্বরূপ ফাইলটি যেকোনো ব্রাউজার, ভেক্টর এডিটর বা SVG-সচেতন ডিজাইন টুলে খোলে। ফাইলের আকার মূলত পাথ গণনা এবং নোডের ঘনত্বের উপর নির্ভর করে; একটি সাধারণ ট্রেসড লোগো হল 1-10 KB।

সর্বোত্তম অনুশীলন

সচরাচর জিজ্ঞাসিত প্রশ্নাবলী

SVG আউটপুট একটি সত্য ভেক্টর ফাইল হবে?
টুলটি ভেক্টর পাথ তৈরি করতে রাস্টার ইমেজ ট্রেস করে। সাধারণ গ্রাফিক্স, লোগো এবং লাইন আর্ট সহ ফলাফলগুলি সবচেয়ে ভাল কাজ করে। ফটোগ্রাফগুলি জটিল পথ তৈরি করবে এবং আশানুরূপ নাও হতে পারে।
SVG কে অন্য ইমেজ ফরম্যাট থেকে আলাদা করে কি?
SVG হল একটি ভেক্টর বিন্যাস — ছবিগুলিকে পিক্সেলের পরিবর্তে গাণিতিক আকার হিসাবে বর্ণনা করা হয়। এর মানে হল SVG ফাইলগুলি গুণমান না হারিয়ে যে কোনও আকারে স্কেল করে এবং সেগুলি সাধারণত লোগো এবং আইকনের মতো গ্রাফিক্সের জন্য রাস্টার চিত্রের চেয়ে অনেক ছোট।
সচেতন হতে কোন সীমাবদ্ধতা আছে?
50MB পর্যন্ত ফাইল সমর্থিত। খুব বড় বা জটিল ফাইলগুলি প্রক্রিয়া করতে বেশি সময় লাগতে পারে। সমস্ত রূপান্তর আপনার ব্রাউজারে ঘটে, তাই প্রক্রিয়াকরণের গতি আপনার ডিভাইসের উপর নির্ভর করে।
রূপান্তরের সময় কি আমার ছবিগুলি ব্যক্তিগত রাখা হয়?
হ্যাঁ। আপনার PNG ফাইলগুলি সম্পূর্ণরূপে আপনার ব্রাউজারে ক্যানভাস API এবং JavaScript ব্যবহার করে প্রক্রিয়া করা হয়। কোনো সার্ভারে কিছুই আপলোড করা হয় না — ফাইলটি সরাসরি আপনার ডিভাইস থেকে কনভার্টারে যায় এবং আপনার ডিভাইসে ফিরে যায়।
ট্রেসটি কি ইলাস্ট্রেটর বা ইঙ্কস্কেপে সম্পাদনাযোগ্য?
হ্যাঁ। আউটপুট হল স্ট্যান্ডার্ড SVG যার পাথ উপাদান রয়েছে। Illustrator এবং Inkscape উভয়ই এটিকে নেটিভভাবে খোলে এবং আপনাকে পাথ সম্পাদনা করতে, রঙ পরিবর্তন করতে এবং ফলাফলটি পরিমার্জিত করতে দেয়।
আমার পিএনজি কি সার্ভারে আপলোড করা হয়েছে?
না। ইমেজট্র্যাসারজ ব্যবহার করে আপনার ব্রাউজারে ট্রেসিং ঘটে। ফাইলটি আপনার ডিভাইস ছেড়ে যায় না।
কেন আমার SVG ফাইল বিশাল?
সাধারণত কারণ সোর্স ইমেজে অনেক বেশি রং বা খুব বেশি সূক্ষ্ম বিবরণ থাকে। রঙের সংখ্যা কমানোর চেষ্টা করুন, পথের সরলীকরণ বাড়ানোর বা ক্লিনার জ্যামিতি সহ একটি ভিন্ন উৎসের ছবি ব্যবহার করে দেখুন।
আমি কি স্বচ্ছতার সাথে একটি PNG ট্রেস করতে পারি?
হ্যাঁ। স্বচ্ছ পিক্সেলগুলি SVG-তে পাথ ছাড়া এলাকায় পরিণত হয়। SVG যেকোন ব্যাকগ্রাউন্ড কালারে রেন্ডার করা হলে স্বচ্ছ ব্যাকগ্রাউন্ড সংরক্ষণ করা হয়।