PNG থেকে SVG কনভার্টার
প্রতিক্রিয়াশীল ওয়েব স্কেলিং এবং ভেক্টর-সামঞ্জস্যপূর্ণ লেআউট ইন্টিগ্রেশনের জন্য রাস্টার PNG ইমেজগুলিকে একটি SVG XML ভেক্টর কন্টেইনারের মধ্যে এনক্যাপসুলেট করুন।
ফরম্যাট তুলনা এবং প্রযুক্তিগত বৈশিষ্ট্য
| বৈশিষ্ট্য | PNG | SVG |
|---|---|---|
| MIME টাইপ | image/ | image/ |
| ধরন | রাস্টার | ভেক্টর |
| কম্প্রেশন | লসলেস (DEFLATE / LZ77 + Huffman) | লসলেস XML টেক্সট (.svgz-এর মাধ্যমে GZIP-এ সংকোচনযোগ্য) |
| স্ট্যান্ডার্ড বৈশিষ্ট্য | W3C PNG 3rd Edition | W3C SVG 2 স্পেসিফিকেশন |
| ম্যাজিক বাইটের হেডার | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
ফরম্যাটের ওভারভিউ এবং ব্যবহার
PNG ফাইলগুলিকে SVG ফর্ম্যাটে রূপান্তর করার ফলে রাস্টার বিটম্যাপটি একটি XML ভেক্টর কন্টেইনারের মধ্যে মোড়ানো হয়, যা ওয়েব ডেভেলপার এবং গ্রাফিক ডিজাইনারদের স্কেলযোগ্য ভেক্টর কর্মপ্রবাহে সরাসরি রাস্টার গ্রাফিক্স এম্বেড করতে দেয়। একটি রাস্টার PNG ইমেজে রঙিন পিক্সেলের একটি নির্দিষ্ট গ্রিড ব্যবহার করা হয়। এই গ্রাফিকটিকে একটি SVG ফাইলে মোড়ানো হলে মূল পিক্সেল মাত্রা এবং স্বচ্ছতা সংরক্ষিত হয়, পাশাপাশি ইমেজটিকে SVG-চালিত ওয়েব লেআউট এবং প্রতিক্রিয়াশীল UI ভিউপোর্টের মধ্যে সরাসরি এম্বেডেবল করে তোলে। ওয়েব ডিজাইনাররা পৃথক বাহ্যিক ইমেজ ফাইল পরিচালনা না করেই রাস্টার আর্টওয়ার্ককে SVG স্প্রাইট শীট, ভেক্টর ইলাস্ট্রেশন ওয়ার্কফ্লো এবং প্রতিক্রিয়াশীল ওয়েবসাইটে সংহত করার জন্য প্রায়শই এই রূপান্তরটি সম্পাদন করেন। ফলস্বরূপ SVG স্ট্যান্ডার্ড XML মার্কআপের মধ্যে সম্পূর্ণ গ্রাফিকটিকে স্বয়ংসম্পূর্ণভাবে প্যাক করে।
প্রযুক্তিগত বৈশিষ্ট্য এবং কোডেক বিভাজন
একটি PNG ফাইল হলো image/png MIME টাইপ সহ একটি রাস্টার ইমেজ। এটি 89 50 4E 47 0D 0A 1A 0A ম্যাজিক বাইট হেডারের মাধ্যমে শুরু হয়, তারপরে DEFLATE অ্যালগরিদম ব্যবহার করে সংকুচিত ডেটা ব্লক থাকে, যা LZ77 স্লাইডিং ডিকশনারি এবং হাফম্যান কোডিং একত্রিত করে। বিপরীতে, একটি SVG ফাইল image/svg+xml MIME টাইপ ব্যবহার করে এবং একটি XML ডকুমেন্ট হিসেবে গঠিত হয়। রূপান্তরের সময়, ইঞ্জিন ক্লায়েন্ট মেমরিতে ইমেজটিকে রাস্টারাইজ করে, বিটম্যাপটিকে PNG-তে সিরিয়ালাইজ করে এবং একটি SVG <image> কন্টেইনার উপাদানের মধ্যে একটি Base64 ডেটা URI হিসেবে ইমেজটিকে এম্বেড করে। এটি নির্ধারিত viewBox মাত্রা সহ একটি বৈধ, স্বয়ংসম্পূর্ণ SVG ফাইলে গ্রাফিকটিকে প্যাক করে।
OS এবং ব্রাউজার সামঞ্জস্য
SVG ফাইল Windows, macOS, Android ও iOS-সহ desktop এবং mobile operating system-এ Chrome, Firefox, Safari ও Edge-এর মতো আধুনিক ব্রাউজারে ব্যাপকভাবে সমর্থিত। Adobe Illustrator, Inkscape ও CorelDRAW-এর মতো ছবি দেখা ও ডিজাইনের সফটওয়্যারে SVG সম্পাদনা করা যায়। PNG-ও ব্রাউজার ও অপারেটিং সিস্টেমে ব্যাপকভাবে সমর্থিত; তবে SVG-এর raw markup দেখতে হলে সাধারণ text editor ব্যবহার করতে হয়।
উপকারী তথ্য
যেহেতু এই রূপান্তরটি ভেক্টর পাথ ট্রেস করার পরিবর্তে রাস্টার বিটম্যাপকে একটি XML কন্টেইনারে এম্বেড করে, তাই গ্রাফিকটি SVG রেন্ডারারগুলির সাথে সম্পূর্ণ সামঞ্জস্য বজায় রেখে সঠিক পিক্সেল বিশদ এবং আলফা স্বচ্ছতা সংরক্ষণ করে।
সচরাচর জিজ্ঞাসিত প্রশ্নাবলী
গুণমান না কমিয়ে কীভাবে PNG ইমেজকে SVG ভেক্টরে রূপান্তর করবেন?
কনভার্টারটি পূর্ণ রেজোলিউশনের PNG বিটম্যাপকে এমবেড করা Base64 ডেটা স্ট্রিম হিসেবে সরাসরি একটি SVG XML র্যাপারের মধ্যে রাখে। এতে লসি কম্প্রেশন ছাড়াই পিক্সেলের রং ও স্বচ্ছতা বজায় থাকে।
PNG ইমেজ এবং SVG ভেক্টরের মধ্যে পার্থক্য কী?
PNG হলো একটি রাস্টার ইমেজ ফর্ম্যাট যা DEFLATE দিয়ে সংকুচিত রঙিন পিক্সেলের একটি নির্দিষ্ট গ্রিড হিসেবে ভিজ্যুয়াল ডেটা সংরক্ষণ করে, যা ফাইলের সাইজকে পিক্সেল মাত্রার উপর নির্ভরশীল করে তোলে। SVG হলো একটি ভেক্টর ইমেজ ফর্ম্যাট যা XML টেক্সটে লেখা স্কেলযোগ্য গাণিতিক নির্দেশাবলী হিসেবে ভিজ্যুয়াল ডেটা সংরক্ষণ করে, যা ইমেজটিকে পিক্সেলেশন ছাড়াই অসীমভাবে রিসাইজ করার অনুমতি দেয়।