PNG থেকে SVG ফ্রি কনভার্ট করুন
ভেক্টর বানানোর জন্য রাস্টার ছবির মধ্যে PNG সবচেয়ে ভালো শুরু। এর কিনারা লসলেস, আর ব্যাকগ্রাউন্ড অনেক সময় আগে থেকেই স্বচ্ছ থাকে। PNG আপলোড করুন, কয়টি রঙ রাখবেন তা বেছে নিন, তারপর এমন একটি SVG ডাউনলোড করুন যার আকৃতিগুলো ছোট-বড় ও এডিট করা যায়।
ছবি থেকে SVG
অথবা JPG, JPEG, JFIF … ফাইল এখানে ড্রop করুন ·
প্রতি ফাইল সর্বোচ্চ 95 MB· সর্বোচ্চ 20টি ফাইল· 30 মিনিট পরে মুছে ফেলা হয়
ফাইল আমাদের সার্ভারে প্রসেস করা হয় এবং 30 মিনিট পরে মুছে ফেলা হয়।
বেশি হলে ছোট ফুটকি ও সূক্ষ্ম টেক্সচার থাকে; কম হলে কয়েক পিক্সেলের চেয়ে ছোট আকৃতি বাদ পড়ে ও নয়েজ পরিষ্কার হয়।
বেশি হলে কম রেজোলিউশন বা JPG ইনপুটের এবড়োখেবড়ো কিনারা মসৃণ হয়; কম হলে ধারালো কোণ থাকে।
বেশিরভাগ ছবির জন্য মসৃণ বক্ররেখা, জ্যামিতিক লোগোর জন্য সরলরেখা, পিক্সেল আর্টকে ব্লকের মতো রাখতে পিক্সেল কিনারা।
শুধু PDF ইনপুটের জন্য: কোন পৃষ্ঠা রূপান্তর হবে, যেমন 1 বা 1-3, 5। প্রতিটি পৃষ্ঠা আলাদা ফাইল হয়।
এই টুল কীভাবে ব্যবহার করবেন
- 1
আপনার PNG আপলোড করুন
একটি PNG লোগো, আইকন, স্টিকার বা ড্রয়িং দিন, অথবা একসাথে সর্বোচ্চ ২০টি। বড় সাইজের এক্সপোর্ট ভালো ট্রেস হয়; ১০০০ px চওড়া PNG ৬৪ px ফ্যাভিকনের চেয়ে ভালো ফল দেয়।
- 2
ট্রেসিং মোড বেছে নিন
সাধারণ লোগোর জন্য রঙের মোড রঙিন ও ৮টি রঙে রেখে দিন, লাইন আর্টের জন্য সাদা-কালো বেছে নিন, অথবা ডিজাইনে যতটি রং আছে ঠিক ততটিতে রঙের সংখ্যা সেট করুন।
- 3
SVG ডাউনলোড করুন
ভেক্টরাইজ করুন চাপুন। ফাইলটি খুলে কোনো বাঁকে জুম করুন; কিনারা ভাঙা ভাঙা দেখালে উন্নত সেটিংস-এর মসৃণতা বাড়িয়ে আবার চালান।
SVG-তে কনভার্টের জন্য PNG কেন সবচেয়ে ভালো ছবি
PNG ১৯৯৫ সালে GIF-এর পেটেন্ট-মুক্ত বিকল্প হিসেবে তৈরি হয় এবং ১৯৯৬ সালের অক্টোবরে W3C Recommendation হয়। এর কম্প্রেশন লসলেস, তাই সাদা কিনারার পাশের লাল কিনারা ঠিক তেমনই থাকে, কোনো ঢেউ বা ব্লক ছাড়াই। ট্রেসারের জন্য এটাই আদর্শ ইনপুট: দুই রঙের সীমানা ঠিক সেখানেই থাকে যেখানে পিক্সেল বলে, ফলে কার্ভ মূল ডিজাইনের সঙ্গে মিলে যায়।
PNG-তে আলফা চ্যানেলও থাকতে পারে, অর্থাৎ প্রতিটি পিক্সেলের আলাদা অপাসিটি মান। Figma, Canva বা Photoshop থেকে এক্সপোর্ট করা লোগো ও আইকনে সাধারণত এটি থাকে, আর এটি তৈরি মাস্কের কাজ করে: স্বচ্ছ সবকিছু ব্যাকগ্রাউন্ড, অস্বচ্ছ সবকিছু ছবি। একই লোগোর JPEG-তে সাদা বক্স মিশে থাকে, তাই JPEG থেকে SVG-এ বেশি মসৃণতা ও প্রায়ই ব্যাকগ্রাউন্ড সরান লাগে।
ইনপুট পরিষ্কার বলে এই পেজ ডিটেইল ৭০ ও মসৃণতা ৪০ ব্যবহার করে, ফলে ছোট কোণ ও সেরিফ থাকে যা JPEG পেজে মসৃণ হয়ে মুছে যায়। আমাদের PNG থেকে SVG গাইড-এ উদাহরণসহ এগুলো দেখানো আছে।
রঙিন, গ্রেস্কেল বা সাদা-কালো ট্রেসিং
রঙিন
প্রতিটি রঙের ক্লাস্টার ভরাট পাথের আলাদা লেয়ার হয়।
- ২–৬৪টি রং
- ব্র্যান্ডের রং থাকে
- স্তরে সাজানো আকার, সহজে রং বদলানো যায়
গ্রেস্কেল
রঙিন মোডের মতোই, তবে ক্লাস্টারগুলো ধূসর টোনের।
- ২–৬৪টি ধূসর স্তর
- কোনো রঙের আভা নেই
- পেন্সিল ও কয়লার স্কেচের জন্য ভালো
সাদা-কালো
একটাই কাট: প্রতিটি পিক্সেল হয় কালি, নয়তো কিছুই না।
- থ্রেশহোল্ড ১–২৫৪
- সবচেয়ে ছোট ফাইল
- একটিমাত্র পাথ সেট
লাইন আর্টের জন্য PNG থেকে SVG থ্রেশহোল্ড
- 60
শুধু সবচেয়ে গাঢ় কালি থাকে
- 128
ডিফল্ট ভাগ মাঝারি ধূসরে
- 170
হালকা বা অ্যান্টি-অ্যালিয়াসড রেখা থাকে
- 220
হালকা ধূসর কালো হয়ে যায়; কিনারা মোটা হয়
PNG
Portable Network Graphics
PNG একটি লসলেস রাস্টার ফরম্যাট, যা ১৯৯৬ সালে PNG Development Group প্রকাশ করে এবং পরে W3C ও ISO স্ট্যান্ডার্ড করে। এটি প্রতিটি পিক্সেল হুবহু ধরে রাখে, পূর্ণ অ্যালফা ট্রান্সপারেন্সি সমর্থন করে এবং টেক্সট, ধারালো প্রান্ত ও সমতল রং কোনো আর্টিফ্যাক্ট ছাড়াই সামলায়। এই নির্ভুলতার কারণে স্ক্রিনশট, লোগো, আইকন ও ইন্টারফেস গ্রাফিকসের জন্য এটি আদর্শ। দুর্বলতা হলো সাইজ: PNG হিসেবে সেভ করা ছবি একই ছবির JPEG বা WebP-এর চেয়ে প্রায়ই কয়েক গুণ বড় হয়। সব ব্রাউজার, অপারেটিং সিস্টেম ও এডিটর PNG ফাইল খোলে।
- কম্প্রেশন
- লসলেস
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- না
- প্রবর্তনের সাল
- 1996 · PNG Development Group
SVG
Scalable Vector Graphics
SVG হলো XML-ভিত্তিক একটি ভেক্টর ফরম্যাট, যা W3C ২০০১ সালে স্ট্যান্ডার্ড করে। পিক্সেলের বদলে এটি আকার, পাথ ও টেক্সট বর্ণনা করে, তাই যেকোনো সাইজে স্পষ্ট থাকে এবং লোগো ও আইকনের জন্য সাধারণত খুব ছোট হয়। এটি স্বচ্ছতা, CSS স্টাইলিং, স্ক্রিপ্টিং ও অ্যানিমেশন সমর্থন করে, আর প্রতিটি ব্রাউজার নিজে থেকেই এটি রেন্ডার করে। SVG ফটোগ্রাফের জন্য উপযুক্ত নয়, এবং জটিল ইলাস্ট্রেশন রেন্ডার হতে ধীর হতে পারে। Illustrator, Inkscape, Figma ও ব্রাউজারে এটি খোলা ও এডিট করা যায়।
- কম্প্রেশন
- –
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- হ্যাঁ
- প্রবর্তনের সাল
- 2001 · W3C
PNG-তে আগে থেকেই ধারালো কিনারা ও প্রায়ই স্বচ্ছ ব্যাকগ্রাউন্ড থাকে, তাই মানুষ এটিকে SVG-তে ট্রেস করে প্রিন্ট, কাটিং মেশিন ও রেসপনসিভ সাইটের জন্য স্কেলযোগ্য লোগো বা আইকন পায়; SVG থেকে PNG উল্টো পথে ভেক্টরকে পিক্সেলে রেন্ডার করে, যেসব অ্যাপ SVG পড়তে পারে না তাদের জন্য।
ট্রেস করার আগে PNG তৈরি করে নিন
বড় করে এক্সপোর্ট করুন
PNG ডিসপ্লে সাইজের দুই-তিন গুণ বড় করে সেভ করুন। কার্ভ পিক্সেলের কিনারা ধরে বসে, তাই পিক্সেল বেশি হলে কার্ভ আরও নিখুঁত হয়।
ইফেক্ট ফ্ল্যাট করুন
ড্রপ শ্যাডো, গ্লো ও গ্রেডিয়েন্ট প্রতিটি কয়েক ডজন পাতলা ব্যান্ডে পরিণত হয়। এক্সপোর্টের আগে সেগুলো লুকিয়ে রাখুন, দরকার হলে SVG-তে আবার যোগ করুন।
রং গুনে নিন
ডিজাইনে কয়টি সলিড রং আছে গুনে সেই সংখ্যা দিন। CNC বা লেজারের কাজের জন্য PNG থেকে DXF একই ফাইলকে CAD ফরম্যাটে ট্রেস করে।
PNG থেকে SVG কনভার্ট: সাধারণ প্রশ্ন
অ্যাকাউন্ট ছাড়াই কি ফ্রিতে PNG থেকে SVG কনভার্ট করা যায়?
হ্যাঁ। অ্যাকাউন্ট ছাড়াই আপলোড, ট্রেস ও ডাউনলোড করা যায়, প্রতি ব্যাচে ২০টি পর্যন্ত ফাইল। আপলোড করা PNG ও তৈরি SVG ৩০ মিনিট পরে সার্ভার থেকে মুছে ফেলা হয়।
আমার PNG-এর স্বচ্ছ অংশগুলোর কী হয়?
PNG-এর আলফা চ্যানেল ট্রেসারকে জানায় কোন পিক্সেলগুলো ছবির অংশ, তাই সম্পূর্ণ স্বচ্ছ অংশ ফাঁকা থাকে, সাদা আকার হয়ে যায় না। সাধারণত ব্যাকগ্রাউন্ড সরান লাগে না; PNG-তে সাদা বা রঙিন ব্যাকড্রপ মিশে থাকলে তবেই চালু করুন।
ট্রেস করা PNG আইকনের প্রতিটি আকৃতির চারপাশে হালকা আউটলাইন কেন দেখা যায়?
মসৃণ PNG-এর কিনারা অ্যান্টি-অ্যালিয়াসড: বাইরের পিক্সেলগুলো আধা-স্বচ্ছ বা দুই রঙের মিশ্রণ। ট্রেসার সেই মিশ্রণকে অতিরিক্ত পাতলা রং ভাবতে পারে। রঙের সংখ্যা এক-দুই কমান বা মসৃণতা বাড়ান, তাহলে হ্যালো আকারের সঙ্গে মিশে যাবে।
Illustrator Image Trace বা Inkscape Trace Bitmap-এর সঙ্গে এর তুলনা কেমন?
পদ্ধতি একই: রং কমানো, কিনারা খোঁজা, কার্ভ বসানো। Illustrator-এ Black and White Logo ও 16 Colors-এর মতো প্রিসেট আছে, Inkscape-এ আছে ব্রাইটনেস কাটঅফ ও মাল্টি-কালার স্ক্যান। এখানে সমতুল্য বিকল্প হলো রঙের মোড, রঙের সংখ্যা ও থ্রেশহোল্ড, কিছু ইনস্টল না করেই।
PNG-এর লেখা কি SVG-তে এডিটযোগ্য টেক্সট হয়ে যাবে?
না। অক্ষরগুলো আউটলাইন আকার হিসেবে ট্রেস হয়, ফলে চেহারা থাকে কিন্তু আবার টাইপ করে এডিট করা যায় না। লোগোর জন্য এটা ঠিক আছে; অনেক লেখাওয়ালা স্ক্রিনশটের ক্ষেত্রে নতুন করে টাইপ করাই দ্রুত।
আমার PNG-তে ঠিক পাঁচটি রঙ আছে। SVG কি হুবহু সেই রঙগুলো রাখতে পারবে?
রঙের সংখ্যা ৫ করুন। তখন ট্রেসার প্রতিটি পিক্সেলকে পাঁচটি ক্লাস্টারে ভাগ করে, আর ফ্ল্যাট রঙের PNG-তে সেই ক্লাস্টারগুলো মূল রঙের ওপরই পড়ে।
