SVG কী? ভেক্টর ফরম্যাটের নীতি ও ব্যবহার এক নজরে
SVG কী? এই নিবন্ধে সহজ ভাষায় SVG ভেক্টরের নীতি, PNG/JPG থেকে পার্থক্য, সুবিধা-অসুবিধা, সাধারণ ব্যবহার এবং খোলা ও সম্পাদনার উপায় বোঝানো হয়েছে, সেই সঙ্গে ফ্রি অনলাইন ছবি থেকে SVG টুলেরও পরামর্শ দেওয়া আছে।
1. SVG কী?
SVG-এর পূর্ণ নাম Scalable Vector Graphics (স্কেলেবল ভেক্টর গ্রাফিক্স) — এটি XML-ভিত্তিক একটি উন্মুক্ত ভেক্টর গ্রাফিক্স ফরম্যাট, যার মানদণ্ড W3C নির্ধারণ করেছে। PNG ও JPG ছবিকে পিক্সেলের জালে সংরক্ষণ করে, কিন্তু SVG গাণিতিক সূত্রের মাধ্যমে আকৃতি বর্ণনা করে: একটি সরলরেখা, একটি বৃত্ত, একটি বেজিয়ার বক্র — সবই স্থানাঙ্ক ও পথ কমান্ড আকারে ফাইলে লেখা থাকে।
ঠিক এই কারণেই SVG বড় করলে কখনো ঝাপসা হয় না — ব্রাউজার পিক্সেল টানে না, নতুন আকারে সূত্রগুলোকে নতুন করে "আঁকে"। "ভেক্টর" কথাটির এই অর্থই।
2. SVG বনাম PNG / JPG
| তুলনার বিষয় | SVG | PNG / JPG |
|---|---|---|
| রেকর্ড করার পদ্ধতি | গাণিতিক পথ (ভেক্টর) | পিক্সেলের জাল (বিটম্যাপ) |
| বড় করলে | অসীম স্কেলিং, বিকৃতি ছাড়া | জ্যাগ ও ঝাপসা দেখায় |
| ফাইলের আকার | সাধারণ গ্রাফিকে খুব ছোট (কয়েক KB) | রেজোলিউশনের সঙ্গে রেখার ধাপে বাড়ে |
| সম্পাদনযোগ্যতা | টেক্সট হিসেবে সম্পাদনা, রঙ বদল, অ্যানিমেশন | ইমেজ প্রসেসিং সফটওয়্যার লাগে |
| কীসের জন্য | আইকন, লোগো, ইলাস্ট্রেশন, চার্ট | ছবি, জটিল আলো-ছায়া |
3. SVG-এর সাধারণ ব্যবহার
- ওয়েবসাইট আইকন ও লোগো: একটি SVG সব স্ক্রিন ঘনতায় মানানসই, Retina স্ক্রিনেও তীক্ষ্ণ থাকে;
- ইলাস্ট্রেশন ও চার্ট: ECharts, Recharts-এর মতো ডেটা ভিজ্যুয়ালাইজেশন লাইব্রেরি ডিফল্টভাবেই SVG দেয়;
- ছাপ ও খোদাই: লেজার খোদাই মেশিন, ভিনাইল কাটার ও UV প্রিন্টার সাধারণত SVG পথ গ্রহণ করে;
- অ্যানিমেশন: SVG পথ সরাসরি CSS / SMIL / JavaScript দিয়ে চালানো যায়, ফলে স্ট্রোক-ড্রয়িং ইত্যাদি প্রভাব সম্ভব।
4. SVG কীভাবে খুলবেন ও সম্পাদনা করবেন?
ব্রাউজার (Chrome / Edge / Firefox / Safari) সরাসরি SVG খুলতে পারে; Illustrator, Figma ও Inkscape (ফ্রি) সম্পাদনা করতে পারে। শুধু রঙ বদলাতে, ব্যাকগ্রাউন্ড সরাতে বা কোনো অংশ মুছতে চাইলে PolySVG অনলাইন SVG এডিটর ব্যবহার করুন — কোনো সফটওয়্যার ইনস্টল করতে হবে না।
5. আমার কাছে PNG / JPG আছে, সেটা কীভাবে SVG হবে?
PolySVG ছবি থেকে SVG টুল ব্যবহার করুন: বিটম্যাপ আপলোড করলেই নিজস্ব তৈরি মডেল স্বয়ংক্রিয়ভাবে রঙের কোয়ান্টাইজেশন, কন্টার ট্রেসিং ও বক্র ফিটিং সম্পন্ন করে, কয়েক সেকেন্ডেই সম্পাদনযোগ্য SVG পাওয়া যায়, সেই সঙ্গে এক ক্লিকে ব্যাকগ্রাউন্ডও সরে যায়। পুরো প্রক্রিয়া ফ্রি এবং লেগ-ইন লাগে না।
সারসংক্ষেপ: SVG হলো "সূত্র দিয়ে আঁকা" ফরম্যাট, তাই আইকন, লোগো ও প্রতিটি স্কেলযোগ্য গ্রাফিকের জন্য একেবারে উপযুক্ত; ছবির মতো বিষয়ের জন্য তবুও JPG / WEBP ভালো।
সাধারণ প্রশ্ন
SVG ফাইল কী দিয়ে খোলা হয়?
যেকোনো আধুনিক ব্রাউজার সরাসরি খুলে প্রিভিউ দেখাতে পারে; সম্পাদনার জন্য Illustrator, Figma, Inkscape ব্যবহার করুন, অথবা কিছু ইনস্টল না করেই PolySVG অনলাইন এডিটরে কাজ করুন।
SVG কি PNG-তে বদলানো যায়?
হ্যাঁ। PolySVG এডিটর যেকোনো রেজোলিউশনে SVG থেকে PNG রপ্তানি করতে পারে, ব্রাউজারের স্ক্রিনশট বা ডিজাইন সফটওয়্যারের এক্সপোর্টেও একই কাজ হয়।