SVG থেকে PNG কনভার্টার
SVG হলো আঁকার কিছু নির্দেশনার সমষ্টি, এর কোনো নির্দিষ্ট রেজোলিউশন নেই। PNG-তে কনভার্ট করলে সেই নির্দেশনাগুলো একটি পিক্সেল গ্রিডে আঁকা হয়, তাই আসল সিদ্ধান্ত একটাই: ফলাফলের প্রস্থ কত পিক্সেল হবে।
ছবি কনভার্টার
অথবা JPG, JPEG, JPE … ফাইল এখানে ড্রop করুন ·
প্রতি ফাইল সর্বোচ্চ 95 MB· সর্বোচ্চ 20টি ফাইল· 30 মিনিট পরে মুছে ফেলা হয়
ফাইল আমাদের সার্ভারে প্রসেস করা হয় এবং 30 মিনিট পরে মুছে ফেলা হয়।
৮৫ ছবিকে দেখতে মূলের মতোই রাখে। ছোট ফাইল দরকার হলেই কেবল কমান।
JPG, BMP ও EPS-এ স্বচ্ছতা নেই। স্বচ্ছ পিক্সেল এই রঙে ভরা হয়।
স্বচ্ছ পিক্সেলের পেছনে ব্যবহৃত হেক্স রঙ, যেমন #FFFFFF।
এই ফরম্যাটে একটিই ছবি থাকে। অ্যানিমেশন রাখতে চাইলে GIF বা WebP আউটপুট বেছে নিন।
মাল্টি-সাইজ আইকনে একটি ফাইলে একাধিক রেজোলিউশন থাকে; ব্রাউজার ও অপারেটিং সিস্টেম প্রয়োজনমতো বেছে নেয়।
মূল মাপ রাখুন, অথবা একটি বাহু লিখুন; অনুপাত ঠিক থাকবে।
উপরে বেছে নেওয়া বাহুর পিক্সেল।
মূল মাপের শতাংশ।
স্ক্রিন ও ওয়েবের জন্য sRGB সঠিক। প্রিন্টের কাজে মূলটি রাখুন; গ্রেস্কেল রঙ বাদ দেয়।
শুধু মেটাডেটা, ০ মানে মূল মান থাকবে। প্রিন্টার ও কিছু পোর্টাল এই সংখ্যা পড়ে; এতে পিক্সেল মাপ বদলায় না।
এই টুল কীভাবে ব্যবহার করবেন
- 1
SVG ফাইল আপলোড করুন
লোগো, আইকন বা ইলাস্ট্রেশন .svg ফাইল হিসেবে সেভ করা থাকলে সেগুলো আপলোডারে দিন। প্রতি ব্যাচে সর্বোচ্চ ২০টি ফাইল এবং প্রতিটি সর্বোচ্চ 95 MB হতে পারবে।
- 2
আউটপুটের প্রস্থ ঠিক করুন
আউটপুট ছবি রিসাইজ অপশনে প্রস্থ আগে থেকেই 1024 px দেওয়া আছে। চাইলে অন্য একটি সাইজ লিখুন, অথবা উচ্চতা নির্ধারণ বা দীর্ঘতম বাহু নির্ধারণ বেছে নিন। ড্রয়িংয়ের অনুপাত সব সময় একই থাকে।
- 3
PNG-তে কনভার্ট করুন
PNG-এ কনভার্ট করুন চাপুন, তারপর প্রতিটি ছবি আলাদাভাবে বা পুরো সেট ZIP হিসেবে ডাউনলোড করুন। SVG-র স্বচ্ছ অংশ স্বচ্ছই থাকে।
নির্দিষ্ট মাপে SVG থেকে PNG কীভাবে কনভার্ট করব?
SVG আপলোড করুন, প্রয়োজনীয় প্রস্থ পিক্সেলে লিখুন (1024 px আগে থেকে দেওয়া আছে), তারপর PNG-এ কনভার্ট করুন চাপুন। উচ্চতা ড্রয়িংয়ের অনুপাত মেনে নির্ধারিত হয় এবং ব্যাকগ্রাউন্ড স্বচ্ছ থাকে।
প্রয়োজনীয় মাপে SVG থেকে PNG কনভার্ট করুন
SVG ২০০১ সাল থেকে W3C স্ট্যান্ডার্ড। এটি স্থানাঙ্ক দিয়ে আকার বর্ণনা করে: এখানে একটি বৃত্ত আঁকো, এই রঙে ভরো। এ কারণেই SVG লোগো ভিজিটিং কার্ডে ও বিলবোর্ডে সমান ধারালো থাকে। PNG এভাবে স্কেল করতে পারে না। একবার 512 px চওড়া হয়ে গেলে বড় করা মানে পিক্সেল বানিয়ে নেওয়া, আর কিনারা ঝাপসা হয়ে যায়। তাই মাপ ঠিক করার সঠিক সময় কনভার্সনের সময়, যখন ভেক্টর তথ্য এখনও আছে।
অনেক SVG ফাইল কোডে ছোট প্রস্থ ও উচ্চতা ঘোষণা করে, আইকনের ক্ষেত্রে কখনও 24 বা 48 px। সেই মাপে রেন্ডার করলে থাম্বনেইল আকারের PNG হয়। এই পেজ আউটপুট প্রস্থ 1024 px ধরে এবং ড্রয়িং সেই মাপে স্কেল করে এই ফাঁদ এড়ায়, উচ্চতা ড্রয়িংয়ের অনুপাত থেকে হিসাব হয়। সংখ্যাটি 20,000 px পর্যন্ত যেকোনো কিছু করা যায়। বড় করলে মান কমে না, কারণ প্রতিটি মাপ ভেক্টর আকার থেকে নতুন করে আঁকা হয়।
প্রিন্টের জন্য SVG থেকে PNG: ইঞ্চি, DPI ও পিক্সেল
| ইঞ্চি | Pixels at | ||
|---|---|---|---|
| 72 DPI | 150 DPI | 300 DPI | |
| 1 | 72 | 150 | 300 |
| 2 | 144 | 300 | 600 |
| 3.5 | 252 | 525 | 1050 |
| 8.5 | 612 | 1275 | 2550 |
| 11 | 792 | 1650 | 3300 |
SVG রাস্টারাইজ করার আগে চারটি বিষয় দেখে নিন
ফন্ট আউটলাইন করুন
যে লেখা আপনার কাছে থাকা কিন্তু কনভার্টারে নেই এমন ফন্টের ওপর নির্ভর করে, তা অন্য ফন্টে বদলে যাবে। আগে লেখাকে পাথে রূপান্তর করুন।
লিংক করা ছবি এমবেড করুন
SVG পাথ দিয়ে আলাদা ফটো ফাইলের দিকে নির্দেশ করতে পারে। ফাইলটি SVG-র ভেতরে না থাকলে PNG-তে সেই জায়গা ফাঁকা দেখায়।
ক্যানভাস দেখে নিন
SVG-র ক্যানভাসে আর্টওয়ার্কের চারপাশের বাড়তি ফাঁকা জায়গা PNG-তে স্বচ্ছ মার্জিন হয়ে যায়। এক্সপোর্টের আগে আর্টবোর্ড আর্টওয়ার্কের মাপে আনুন।
ব্যবহার অনুযায়ী প্রস্থ বেছে নিন
সব কাজের জন্য একই মাপ না রেখে আলাদা কাজের জন্য আলাদা PNG এক্সপোর্ট করুন, যেমন প্রোফাইল ছবির জন্য 512 px এবং স্লাইডের জন্য 2048 px।
SVG
Scalable Vector Graphics
SVG হলো XML-ভিত্তিক একটি ভেক্টর ফরম্যাট, যা W3C ২০০১ সালে স্ট্যান্ডার্ড করে। পিক্সেলের বদলে এটি আকার, পাথ ও টেক্সট বর্ণনা করে, তাই যেকোনো সাইজে স্পষ্ট থাকে এবং লোগো ও আইকনের জন্য সাধারণত খুব ছোট হয়। এটি স্বচ্ছতা, CSS স্টাইলিং, স্ক্রিপ্টিং ও অ্যানিমেশন সমর্থন করে, আর প্রতিটি ব্রাউজার নিজে থেকেই এটি রেন্ডার করে। SVG ফটোগ্রাফের জন্য উপযুক্ত নয়, এবং জটিল ইলাস্ট্রেশন রেন্ডার হতে ধীর হতে পারে। Illustrator, Inkscape, Figma ও ব্রাউজারে এটি খোলা ও এডিট করা যায়।
- কম্প্রেশন
- –
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- হ্যাঁ
- প্রবর্তনের সাল
- 2001 · W3C
PNG
Portable Network Graphics
PNG একটি লসলেস রাস্টার ফরম্যাট, যা ১৯৯৬ সালে PNG Development Group প্রকাশ করে এবং পরে W3C ও ISO স্ট্যান্ডার্ড করে। এটি প্রতিটি পিক্সেল হুবহু ধরে রাখে, পূর্ণ অ্যালফা ট্রান্সপারেন্সি সমর্থন করে এবং টেক্সট, ধারালো প্রান্ত ও সমতল রং কোনো আর্টিফ্যাক্ট ছাড়াই সামলায়। এই নির্ভুলতার কারণে স্ক্রিনশট, লোগো, আইকন ও ইন্টারফেস গ্রাফিকসের জন্য এটি আদর্শ। দুর্বলতা হলো সাইজ: PNG হিসেবে সেভ করা ছবি একই ছবির JPEG বা WebP-এর চেয়ে প্রায়ই কয়েক গুণ বড় হয়। সব ব্রাউজার, অপারেটিং সিস্টেম ও এডিটর PNG ফাইল খোলে।
- কম্প্রেশন
- লসলেস
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- না
- প্রবর্তনের সাল
- 1996 · PNG Development Group
SVG থেকে PNG রেজোলিউশন-নিরপেক্ষ ভেক্টর আর্টওয়ার্ককে নির্দিষ্ট মাপের বিটম্যাপে বদলে দেয়, যেসব জায়গা SVG নেয় না, যেমন সোশ্যাল আপলোড, ইমেইল ও অফিস ডকুমেন্টের জন্য। উল্টো দিকের কাজটি পিক্সেল থেকে স্কেলযোগ্যতা ফিরিয়ে আনার চেষ্টা মাত্র।
SVG থেকে PNG: সাধারণ প্রশ্ন
SVG কে কোন রেজোলিউশনে PNG করা উচিত?
PNG যে সর্বোচ্চ সাইজে দেখানো হবে সেটিকে দিয়ে গুণ করুন দুই, কারণ ফোন ও ল্যাপটপের হাই-ডেনসিটি স্ক্রিন আছে। ওয়েবসাইটে 300 px চওড়া দেখানো লোগো প্রায় 600 px-এ এক্সপোর্ট করা উচিত, অ্যাপ আইকন সাধারণত 1024 px। প্রিন্টের আর্টওয়ার্কে ইঞ্চিকে 300 দিয়ে গুণ করতে হয়, তাই 3 ইঞ্চি হয় 900 px।
PNG-তে কি SVG-এর স্বচ্ছ ব্যাকগ্রাউন্ড থাকে?
হ্যাঁ। SVG-র যেসব অংশে কোনো ফিল নেই সেগুলো পুরোপুরি স্বচ্ছ হয়ে আসে, আর আধা-স্বচ্ছ আকার তার অপাসিটি ধরে রাখে। বরং নিরেট ব্যাকগ্রাউন্ড দরকার হলে SVG থেকে JPG দিয়ে JPG-তে কনভার্ট করে ফিল রং বেছে নিন।
PNG-তে লেখা SVG-এর চেয়ে আলাদা দেখায় কেন?
SVG-র লেখা সেই ফন্টে আঁকা হয় যা রেন্ডার করার জায়গায় ইনস্টল করা আছে। SVG-তে এমবেড করা নেই এমন ফন্টের নাম থাকলে তার জায়গায় একটি বিকল্প ফন্ট বসে। এক্সপোর্টের আগে লেখাকে আউটলাইনে বদলে নিন: Illustrator-এ Type → Create Outlines, Inkscape-এ Path → Object to Path।
DPI সেট করলে কি PNG আরও শার্প হয়?
না। উন্নত সেটিংসের DPI ট্যাগ শুধু ফাইলে একটি সংখ্যা লিখে রাখে, যা প্রিন্টার ও কিছু লেআউট প্রোগ্রাম বাস্তব মাপ ঠিক করতে পড়ে। স্পষ্টতা আসে পিক্সেল মাপ থেকে, যা আপনি প্রস্থ দিয়ে ঠিক করেন। প্রিন্টের দোকান নির্দিষ্ট মাপে 300 dpi চাইলে দুটোই বদলান।
মানুষ SVG থেকে PNG করে কেন?
ছবি নেয় এমন অনেক জায়গাই SVG নেয় না: সোশ্যাল মিডিয়ার প্রোফাইল ও পোস্ট আপলোড, বেশিরভাগ ইমেইল ক্লায়েন্ট, অনেক মার্কেটপ্লেস এবং Microsoft Office-এর পুরনো সংস্করণ। সঠিক মাপের PNG এসব জায়গায় ঠিকঠাক দেখা যায়।
পরে কি PNG আবার SVG-তে ফেরানো যায়?
শুধু ট্রেসিংয়ের মাধ্যমে, যা পিক্সেল থেকে আকারগুলো আবার আঁকে এবং সাধারণ লোগোতে সবচেয়ে ভালো কাজ করে। আসল SVG সংরক্ষণ করে রাখুন। হারিয়ে গেলে PNG থেকে SVG গাইড দেখুন, সেখানে ট্রেসিং কীভাবে কাজ করে এবং কী আশা করা যায় তা বলা আছে।