WebP থেকে SVG কনভার্টার
WebP তৈরি পিক্সেল দিয়ে আর SVG তৈরি শেপ দিয়ে, তাই এদের মধ্যে কোনো লসলেস রূপান্তর নেই। এই পেজ আপনার WebP-কে ট্রেস করে আসল ভেক্টর পাথে পরিণত করে, যা আপনি বড় করতে, রং বদলাতে ও কাটতে পারবেন। লোগো, আইকন আর ফ্ল্যাট ইলাস্ট্রেশনে এটি সবচেয়ে ভালো কাজ করে।
ছবি থেকে SVG
অথবা JPG, JPEG, JFIF … ফাইল এখানে ড্রop করুন ·
প্রতি ফাইল সর্বোচ্চ 95 MB· সর্বোচ্চ 20টি ফাইল· 30 মিনিট পরে মুছে ফেলা হয়
ফাইল আমাদের সার্ভারে প্রসেস করা হয় এবং 30 মিনিট পরে মুছে ফেলা হয়।
বেশি হলে ছোট ফুটকি ও সূক্ষ্ম টেক্সচার থাকে; কম হলে কয়েক পিক্সেলের চেয়ে ছোট আকৃতি বাদ পড়ে ও নয়েজ পরিষ্কার হয়।
বেশি হলে কম রেজোলিউশন বা JPG ইনপুটের এবড়োখেবড়ো কিনারা মসৃণ হয়; কম হলে ধারালো কোণ থাকে।
বেশিরভাগ ছবির জন্য মসৃণ বক্ররেখা, জ্যামিতিক লোগোর জন্য সরলরেখা, পিক্সেল আর্টকে ব্লকের মতো রাখতে পিক্সেল কিনারা।
শুধু PDF ইনপুটের জন্য: কোন পৃষ্ঠা রূপান্তর হবে, যেমন 1 বা 1-3, 5। প্রতিটি পৃষ্ঠা আলাদা ফাইল হয়।
এই টুল কীভাবে ব্যবহার করবেন
- 1
WebP আপলোড করুন
ওয়েবসাইট থেকে সেভ করা লোগো, আইকন বা স্টিকার যোগ করুন, সর্বোচ্চ ২০টি ফাইল, প্রতিটি 95 MB পর্যন্ত। বড় ও পরিষ্কার সোর্স ছবি থেকে ট্রেস ভালো হয়।
- 2
রঙের সংখ্যা ঠিক করুন
রঙের সংখ্যা শুরুতে 12 থাকে, বেশিরভাগ লোগোর জন্য যথেষ্ট। দুই রঙের চিহ্নের জন্য কমান, অথবা এক রঙের কাট ফাইলের জন্য রঙের মোড থেকে সাদা-কালো বেছে নিন।
- 3
SVG-তে ভেক্টরাইজ করুন
ভেক্টরাইজ করুন চাপুন এবং ফাইলগুলো ডাউনলোড করুন। আকারগুলো যাচাই করতে Inkscape, Illustrator, Figma বা Cricut Design Space-এ খুলুন।
সত্যিই কি WebP থেকে SVG কনভার্ট করা যায়?
শুধু ট্রেসিংয়ের মাধ্যমে। WebP পিক্সেল সংরক্ষণ করে, SVG আকার সংরক্ষণ করে। এই টুল আপনার WebP-র রংগুলোকে ভেক্টর পাথ হিসেবে নতুন করে আঁকে; যা শুধু ফাইলের নাম বদলায় বা বিটম্যাপ এমবেড করে, তার SVG বড় করলে এখনও ঝাপসা হয়।
WebP থেকে SVG: ট্রেস করা বনাম এমবেড করা
2010 সালে Google-এর প্রকাশিত WebP একটি রাস্টার ফরম্যাট: দ্রুত ওয়েব ডেলিভারির জন্য কম্প্রেস করা রঙিন পিক্সেলের গ্রিড। 2001 সাল থেকে W3C স্ট্যান্ডার্ড SVG রেখা, কার্ভ ও ফিলকে টেক্সট হিসেবে বর্ণনা করে। প্রথমটিকে দ্বিতীয়টিতে রূপান্তর দুটি খুব ভিন্ন উপায়ে করা যায়, আর বেশিরভাগ ফ্রি কনভার্টার এমন উপায় বেছে নেয় যা আপনার কাজে আসে না।
এমবেডিং এমন একটি SVG লেখে যার ভেতরে WebP base64 টেক্সট হিসেবে থাকে। Base64 ছবিটিকে প্রায় এক-তৃতীয়াংশ বাড়িয়ে দেয়, আর ফলাফল তখনও বিটম্যাপ, শুধু ভেক্টরের লেবেল লাগানো। ট্রেসিং, যা এখানে এবং Inkscape-এর Trace Bitmap ফিচারে (Potrace অ্যালগরিদমের ওপর তৈরি) ব্যবহার হয়, রঙের এলাকা পড়ে সেগুলোকে পাথ হিসেবে লেখে। ফলাফল সত্যিই স্কেলযোগ্য ও এডিটযোগ্য, তবে সূক্ষ্ম বিবরণ কিছুটা হারায়। আমাদের ছবি থেকে SVG গাইডে প্রতিটি ট্রেসিং সেটিং ব্যাখ্যা করা আছে।
ট্রেস করা SVG বনাম এমবেড করা WebP: কোন ফাইল কী করতে পারে
| ট্রেস করা SVG | WebP মোড়ানো SVG | আসল WebP | |
|---|---|---|---|
| যেকোনো জুমে স্পষ্ট | yes | no | no |
| Illustrator বা Inkscape-এ আকার এডিটযোগ্য | yes | no | no |
| Cricut বা লেজার কাট পাথ হিসেবে ব্যবহারযোগ্য | yes | no | no |
| ফটোগ্রাফিক বিবরণ ধরে রাখে | no | yes | yes |
| সাধারণ ফাইল সাইজ | বিবরণ অনুযায়ী বাড়ে | WebP-র চেয়ে প্রায় ⅓ বড় | সবচেয়ে ছোট |
WebP ডিকোড করা
পিক্সেল ও অ্যালফা চ্যানেল পড়া হয়; স্বচ্ছ অংশ আলাদা রাখা হয়।
রং গ্রুপ করা
একই রকম পিক্সেল মিলিয়ে আপনার বেছে নেওয়া রঙের সংখ্যা অনুযায়ী করা হয়।
পাথ আঁকা
প্রতিটি রঙের অংশ মসৃণ কার্ভে পরিণত হয় এবং অপ্টিমাইজড SVG-তে লেখা হয়।
WEBP
WebP ছবি
WebP হলো ওয়েব পেজ দ্রুত লোড করতে ২০১০ সালে Google প্রকাশিত একটি ইমেজ ফরম্যাট। এটি একই ফরম্যাটে লসি ও লসলেস কম্প্রেশন, আলফা স্বচ্ছতা এবং অ্যানিমেশন সমর্থন করে। সমান দৃশ্যমান মানের JPEG-এর তুলনায় লসি WebP ফাইল সাধারণত ২৫–৩৫% ছোট হয়, আর লসলেস WebP সাধারণত PNG-র চেয়ে ছোট। বর্তমানের সব ব্রাউজার এটি সমর্থন করে, কিন্তু কিছু পুরনো ডেস্কটপ সফটওয়্যার, প্রিন্ট সার্ভিস ও আপলোড ফর্ম এখনো এটি নেয় না। Windows, macOS এবং বেশিরভাগ আধুনিক ইমেজ এডিটর WebP খুলতে পারে।
- কম্প্রেশন
- লসি বা লসলেস
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- হ্যাঁ
- প্রবর্তনের সাল
- 2010 · Google
SVG
Scalable Vector Graphics
SVG হলো XML-ভিত্তিক একটি ভেক্টর ফরম্যাট, যা W3C ২০০১ সালে স্ট্যান্ডার্ড করে। পিক্সেলের বদলে এটি আকার, পাথ ও টেক্সট বর্ণনা করে, তাই যেকোনো সাইজে স্পষ্ট থাকে এবং লোগো ও আইকনের জন্য সাধারণত খুব ছোট হয়। এটি স্বচ্ছতা, CSS স্টাইলিং, স্ক্রিপ্টিং ও অ্যানিমেশন সমর্থন করে, আর প্রতিটি ব্রাউজার নিজে থেকেই এটি রেন্ডার করে। SVG ফটোগ্রাফের জন্য উপযুক্ত নয়, এবং জটিল ইলাস্ট্রেশন রেন্ডার হতে ধীর হতে পারে। Illustrator, Inkscape, Figma ও ব্রাউজারে এটি খোলা ও এডিট করা যায়।
- কম্প্রেশন
- –
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- হ্যাঁ
- প্রবর্তনের সাল
- 2001 · W3C
ওয়েবসাইট থেকে সেভ করা লোগো বা আইকনকে স্কেলযোগ্য, এডিটযোগ্য বা কাটযোগ্য করতে হলে মানুষ WebP থেকে SVG খোঁজে, যা শুধু ট্রেসিংয়েই সম্ভব; উল্টো দিকটি ওয়েবের জন্য সাধারণ রাস্টারাইজেশন।
ওয়েবসাইট থেকে সেভ করা WebP থেকে পরিষ্কার SVG পান
মানুষ যেসব WebP ফাইল ভেক্টর হিসেবে চায়, সেগুলোর বেশিরভাগ কোনো সাইট থেকে ডাউনলোড করা, অর্থাৎ পেজের জন্য ছোট করা এবং লসি কম্প্রেস করা। প্রান্তের চারপাশের কম্প্রেশন নয়েজ ছোট ছোট অবাঞ্ছিত আকারে পরিণত হয়, আর ছোট ছবিতে মসৃণ কার্ভ খোঁজার মতো যথেষ্ট পিক্সেল থাকে না। যে বড় কপি পান সেটি থেকে শুরু করুন; সাইটের প্রেস বা ব্র্যান্ড পেজে প্রায়ই বড় সংস্করণ বা আসল SVG থাকে।
বাঁকা লোগোর জন্য মসৃণতা ডিফল্টের কাছাকাছি রাখুন, আর সোজা প্রান্তের জ্যামিতিক চিহ্নের জন্য কার্ভ থেকে সরলরেখা বেছে নিন। ট্রেসের পর এডিটরে অবশিষ্ট ফোঁটাগুলো মুছে দিন। ছবিটি যদি শুধু কোথাও খোলার জন্য লাগে, স্কেল করার জন্য নয়, তাহলে WebP থেকে PNG দ্রুত ও নিখুঁত পথ।
WebP থেকে SVG নিয়ে প্রশ্ন
অন্য WebP থেকে SVG কনভার্টারে ফাইল ঝাপসা আসে কেন?
অনেক টুল WebP ছবিটিকে এমবেড করা ইমেজ হিসেবে SVG-র ভেতরে বসায় এবং শুধু এক্সটেনশন বদলে দেয়। ফাইলটি SVG হিসেবে খোলে, কিন্তু তা এখনও পিক্সেল, তাই বড় করলে ঝাপসা হয় এবং এডিট করার মতো কোনো আকার থাকে না। ফাইলটি টেক্সট এডিটরে খুলুন: লম্বা data:image স্ট্রিং থাকলে বুঝবেন কিছুই ট্রেস হয়নি।
WebP ফটোকে কি SVG-তে কনভার্ট করা যায়?
পারেন, কিন্তু ফলাফল পোস্টারের মতো দেখায়: মসৃণ গ্র্যাডিয়েন্ট ও ত্বকের রং সমতল রঙের স্তরে পরিণত হয়। ছবির জন্য রাস্টার ফরম্যাটই ঠিক। ছবিটি WebP, JPG বা PNG-তে রাখুন, আর শুধু যে লোগো, আউটলাইন বা ইলাস্ট্রেশন সত্যিই দরকার সেটুকু ভেক্টর হিসেবে ট্রেস করুন।
আমার WebP-র স্বচ্ছ ব্যাকগ্রাউন্ড কি স্বচ্ছই থাকবে?
হ্যাঁ। স্বচ্ছ পিক্সেল থেকে কোনো আকার তৈরি হয় না, তাই ট্রেস করা আর্টওয়ার্কের পেছনে SVG-তে কিছু থাকে না। স্টিকার বা রঙিন পটভূমিতে বসানো লোগোর জন্য সাধারণত এটাই চাওয়া হয়।
WebP লোগো ট্রেস করতে কতগুলো রং ব্যবহার করা উচিত?
চোখে দেখা সমতল রংগুলো গুনুন, তারপর অ্যান্টি-অ্যালিয়াসড প্রান্তের জন্য দুই-তিনটি যোগ করুন। দুই রঙের লোগো 4-এ পরিষ্কার ট্রেস হয়; মাসকট ইলাস্ট্রেশনে 16 থেকে 24 লাগতে পারে। রং বেশি হলে প্রতিটি প্রান্তে সরু ফালির মতো আকার তৈরি হয়।
SVG কি Cricut বা লেজার কাটারে ব্যবহার করা যাবে?
হ্যাঁ, ট্রেস করার অন্যতম প্রধান কারণ এটাই। Cricut Design Space SVG-কে রং অনুযায়ী আলাদা লেয়ার হিসেবে ইমপোর্ট করে, আর লেজার সফটওয়্যার পাথগুলোকে কাট বা এনগ্রেভ লাইন হিসেবে পড়ে। একটি মাত্র কাট লাইন দরকার হলে সাদা-কালো এর সাথে শুধু আউটলাইন ব্যবহার করুন।
ট্রেস করা SVG আসল লোগোর তুলনায় এবড়োখেবড়ো দেখায় কেন?
ওয়েবসাইটের কম রেজোলিউশনের WebP ফাইল প্রায়ই মাত্র 100 থেকে 200 px চওড়া হয়, তাই ট্রেসার কয়েকটি পিক্সেল থেকে আন্দাজে কার্ভ আঁকে। লোগোর বড় কপি খুঁজুন, অথবা আগে ছবির সাইজ বাড়ানো দিয়ে বড় করে আবার ট্রেস করুন।
- PNG থেকে SVG ফ্রি কনভার্ট করুনঅ্যাকাউন্ট ছাড়াই ফ্রিতে PNG থেকে SVG কনভার্ট করুন: লোগো, আইকন, লাইন আর্ট ভেক্টরে ট্রেস করুন। রঙিন, গ্রেস্কেল বা সাদা-কালো ও রঙের সংখ্যা বেছে নিন।
- JPG থেকে SVG কনভার্টারJPG থেকে SVG: পিক্সেল মুড়ে নয়, ছবিকে এডিটযোগ্য ভেক্টর আকারে ট্রেস করে। রঙের সংখ্যা, স্মুদিং ও ব্যাকগ্রাউন্ড সরানো ঠিক করুন।
- AVIF থেকে SVG কনভার্টারশুধু SVG নেয় এমন টুলের জন্য AVIF ছবি SVG ফাইলে ভরুন, আর কখন আসল ট্রেসিং লাগে জেনে নিন। একবারে 20টি ফাইল, 30 মিনিটে ফাইল মুছে যায়।
- ছবি থেকে SVG কনভার্টারছবিকে ফ্ল্যাট রঙের ভেক্টর SVG বানান — স্টেনসিল, লেজার এনগ্রেভিং, ভিনাইল ডেকাল ও স্ক্রিন প্রিন্টের জন্য। অল্প রঙ, মসৃণ রেখা, ব্যাকগ্রাউন্ড ছাড়া।
- WebP থেকে PNG কনভার্টারWebP থেকে PNG কনভার্ট করুন, স্বচ্ছতা হারাবে না। লোগো, স্টিকার ও কাট-আউটের স্বচ্ছ কিনারা থাকে; অ্যানিমেটেড WebP থেকে প্রথম ফ্রেম বা সব ফ্রেম পাবেন।
- SVG থেকে WebP কনভার্টারপেজের প্রয়োজনীয় প্রস্থে SVG থেকে WebP কনভার্ট করুন, স্বচ্ছতা বজায় থাকে। WordPress, সোশ্যাল প্রিভিউ ও ভারী ইলাস্ট্রেশনের জন্য লসি বা লসলেস।