SVG → PNG
SVG থেকে PNG কনভার্টার
একটি ভেক্টর ফাইল ড্রপ করুন, যে রেজল্যুশনে দরকার সেখানে একটি PNG পান। রাস্টারাইজ হয় এই ট্যাবেই, তাই ডিজাইনের কাজটি আপনার আর আপনার মেশিনের মধ্যেই থাকে।
PNG-র পিক্সেল নির্দিষ্ট: পরে বড় করলে তা নরম হয়ে যায়, অথচ SVG যেকোনো মাপেই ধারালো থাকে। স্বচ্ছ জায়গাগুলো ভরা হয় না, রাখা হয়।
কীভাবে SVG-কে PNG-তে কনভার্ট করবেন
ভেক্টর লোড করুন
.svg ফাইলটি ড্রপ করুন বা পেস্ট করুন। যে ফাইলগুলো তাদের হেডারে প্রস্থ ও উচ্চতা ঘোষণা করে না, সেগুলো বদলে 1024 পিক্সেলের ভিউপোর্টে রেন্ডার হয়।
পিক্সেল মাপ বেছে নিন
আপনার দরকারি প্রস্থ বা উচ্চতা দিন — অ্যাপ আইকনের জন্য 256, ছাপার গ্রাফিক্সের জন্য 2400 — আর অন্য মাপটি অ্যাসপেক্ট রেশিও মেনে আসবে। ফাইল যা ঘোষণা করেছে তার চেয়ে বড় করে এক্সপোর্ট কখনো করা হয় না।
PNG এক্সপোর্ট করুন
রাস্টারটি সেভ করে সেখানে ব্যবহার করুন যেখানে PNG চাওয়া হয়: স্লাইড, ফ্যাভিকন পাইপলাইন, README, বা এমন স্টোর লিস্টিং যা ভেক্টর নেয় না।
ভেক্টরকে পিক্সেলে বদলানো
SVG হলো XML: পাথ, ফিল আর লেখার নির্দেশ, যা একটি রেন্ডারার যেকোনো জুমে মিলিয়ে নেয় — তাই লোগো আর আইকন ভেক্টর হিসেবে আঁকা হয়। PNG হলো তৈরি পিক্সেলের একটি গ্রিড, তাই রাস্টারাইজ করা মানে আগে গ্রিডের মাপ ঠিক করা — প্রতিটি বাঁক সেই গ্রিডে নমুনা করা হয়, আর আপনি যে রেজল্যুশন বাছেন সেটিই থেকে যায়।
ছবিটি আঁকা হয় ব্রাউজারের নিজের SVG ইঞ্জিন দিয়ে, যে ইঞ্জিন পেজে সেটি দেখায়, তাই গ্রেডিয়েন্ট, ফিল্টার আর ক্লিপ করা আকৃতি স্ক্রিনে যেমন আচরণ করে তেমনই করে, আর ট্রান্সপারেন্সি অটুট থাকে কারণ PNG আলফা চ্যানেল বহন করে। দাম দিতে হয় স্থিরতায়: পরে PNG বড় করলে প্রান্ত নরম হয়, অথচ SVG থেকে বড় মাপে নতুন করে এক্সপোর্ট করলে ঝকঝকে থাকে। মূল ফাইল হিসেবে ভেক্টরটাই রাখুন।
SVG থেকে PNG নিয়ে প্রশ্ন
PNG-র রেজল্যুশন কীভাবে বাছব?
এটি সবচেয়ে বড় কোথায় দেখা যাবে সেটা ভাবুন: ফ্যাভিকনের জন্য 16–64 px, অ্যাপ আইকনের জন্য 256–512 px, প্রিন্টের জন্য 1000 px বা তার বেশি। একটি মাপ দিলে অন্যটি অনুপাত মেনে আসে; আবার অন্য মাপে এক্সপোর্ট করা খরচসাপেক্ষ নয়, কারণ মূল ফাইল ধারালোই থাকে।
SVG-র তুলনায় কী হারাব?
স্কেলযোগ্যতা আর সম্পাদনযোগ্যতা: PNG একটি নির্দিষ্ট গ্রিড, তাই বড় করলে ঝাপসা হয়, আর তার আকৃতিগুলো আর এমন টেক্সট নয় যা আপনি নতুন করে সাজাতে পারবেন। এক্সপোর্টটিকে একটি নির্দিষ্ট মাপের পরিবেশন কপি ভাবুন আর মূল .svg-টি ধরে রাখুন।
আমার SVG-তে প্রস্থ ও উচ্চতা নেই। কী হবে?
এটি 1024 পিক্সেলের একটি ভিউপোর্টে রেন্ডার হয়, আর সেটিই তার অন্তর্নিহিত মাপ হয়ে যায়, তাই কেবল viewBox থাকা ফাইলকে 1024 px চওড়া ধরা হয়। ঠিকঠাক কিছু দরকার হলে এখানে স্পষ্ট পিক্সেল মাপ দিন, নয়তো মার্কআপে width আর height যোগ করুন।
PNG কি ট্রান্সপারেন্সি রাখে, আর আমার ফাইল আপলোড হয়?
ট্রান্সপারেন্সি অটুট থাকে, কারণ PNG-তে সত্যিকারের আলফা চ্যানেল আছে — স্বচ্ছ ব্যাকগ্রাউন্ডের লোগো স্বচ্ছই থাকে। কিছু আপলোডও হয় না: আর্টওয়ার্ক রেন্ডার ও এনকোড হয় এই ট্যাবেই, প্রতি ফাইলে 64 MB পর্যন্ত, আর পেজ একবার লোড হলে অফলাইনেও চলে।