বিনামূল্যে কনভার্টার

SVG থেকে PNG কনভার্টার

ভেক্টর SVG ফাইলগুলিকে উচ্চ-মানের রাস্টার PNG ছবিতে রূপান্তর করুন। আপনার ব্রাউজারে সহজেই আউটপুট স্কেল এবং পটভূমির রঙ কাস্টমাইজ করুন।

SVG এখানে ড্র্যাগ এবং ড্রপ করুন

50MB পর্যন্ত সমর্থন করে

অথবা

এই টুল সম্পর্কে

SVG (স্কেলযোগ্য ভেক্টর গ্রাফিক্স) চিত্রগুলিকে জ্যামিতিক আদিমগুলির একটি সেট হিসাবে বর্ণনা করে — পথ, আকার, পাঠ্য, গ্রেডিয়েন্ট — যেগুলি গুণমানের ক্ষতি ছাড়াই যে কোনও আকারে স্কেল করে৷ PNG একটি নির্দিষ্ট রেজোলিউশনে একটি আয়তক্ষেত্রাকার পিক্সেল গ্রিড সঞ্চয় করে। SVG কে PNG তে রূপান্তর করা হল একটি রাস্টারাইজেশন ধাপ: SVG এর অঙ্কন নির্দেশাবলী একটি নির্বাচিত পিক্সেল আকারে মূল্যায়ন করা হয় এবং ফলস্বরূপ বিটম্যাপ PNG হিসাবে এনকোড করা হয়। আউটপুটটি আপনার নির্দিষ্ট করা আকারে খাস্তা দেখায় কিন্তু স্কেল করা হলে পিক্সেলেট হয়।

এই রূপান্তরকারী ব্রাউজারের অন্তর্নির্মিত SVG ইঞ্জিন ব্যবহার করে SVG রেন্ডার করে। SVG একটি চিত্র উপাদানে লোড করা হয়, নির্বাচিত আউটপুট মাত্রায় একটি HTML5 ক্যানভাসে আঁকা হয় এবং canvas.toBlob এর মাধ্যমে PNG হিসাবে রপ্তানি করা হয়। যেহেতু ব্রাউজার রাস্টারাইজেশন করে, জটিল SVG বৈশিষ্ট্যগুলি — গ্রেডিয়েন্ট, ফিল্টার, মাস্ক, অ্যানিমেশনগুলি একটি স্ট্যাটিক ফ্রেম হিসাবে — একইভাবে রেন্ডার করে যেগুলি একটি বাস্তব ওয়েবপেজে করবে৷

SVG-থেকে-PNG রূপান্তরের সবচেয়ে গুরুত্বপূর্ণ সিদ্ধান্ত হল লক্ষ্য আকার। SVG রেজোলিউশন-স্বাধীন, তাই প্রকৃত ব্যবহারের সাথে মেলে এমন একটি PNG আকার বাছাই করা অতিরিক্ত-প্রভিশনিং (থাম্বনেল-আকারের আইকনগুলির জন্য বিশাল ফাইল) এবং আন্ডার-প্রভিশনিং (পরবর্তীতে স্কেল করার সময় ঝাপসা আউটপুট) এড়িয়ে যায়। সাধারণ লক্ষ্য: আইকনের জন্য 32×32 বা 64×64, লোগোর জন্য 256×256 বা 512×512, হিরো গ্রাফিক্সের জন্য 1024×1024, রেটিনা-গুণমানের সম্পদের জন্য 2048×2048৷

কেন এসভিজিকে পিএনজিতে রূপান্তর করুন

SVG ওয়েব এবং আধুনিক ডিজাইন টুলের জন্য চমৎকার কিন্তু অন্যান্য অনেক প্রসঙ্গের জন্য ভয়ঙ্কর। ইমেল ক্লায়েন্টরা অসামঞ্জস্যপূর্ণভাবে SVG রেন্ডার করে; কেউ কেউ এটিকে নিরাপত্তা ঝুঁকি হিসেবে অবরুদ্ধ করে। পুরানো অফিস সফ্টওয়্যার, নির্দিষ্ট কিছু CMS, তৃতীয় পক্ষের পরিষেবা এবং প্রায় সমস্ত ফটো প্রিন্ট পাইপলাইন SVG গ্রহণ করে না। PNG তে রূপান্তর করা একটি সর্বজনীনভাবে স্বীকৃত রাস্টার তৈরি করে যা নির্বাচিত আকারে অভিন্ন দেখায়।

এছাড়াও PNG প্রাপকের SVG রেন্ডারারের উপর নির্ভর না করে অফিস নথি, স্লাইড ডেক এবং PDF-এ নির্ভরযোগ্যভাবে এম্বেড করে। লোগো এবং গ্রাফিক্সের জন্য যা অনেক প্ল্যাটফর্ম জুড়ে ধারাবাহিকভাবে উপস্থিত হওয়া প্রয়োজন, PNG হল নিরাপদ পছন্দ — যদিও এটি রেজোলিউশন-স্বাধীনতা হারায় যা SVG-কে প্রথম স্থানে আকর্ষণীয় করে তোলে।

কিভাবে ব্যবহার করবেন

আপনার লক্ষ্য আকার চয়ন করুন, রেন্ডার. ব্রাউজার রাস্টারাইজেশন করে।

  1. SVG ফাইল আপলোড করুন: আপলোড এলাকায় একটি SVG টেনে আনুন বা ব্রাউজ করতে ক্লিক করুন। 50 MB পর্যন্ত ফাইলগুলি সমর্থিত, যদিও সাধারণ SVG গুলি 1 MB এর কম। স্বয়ংসম্পূর্ণ এসভিজি সবচেয়ে ভালো কাজ করে; SVG যেগুলি xlink:href-এর মাধ্যমে বাহ্যিক ছবিগুলিকে রিমোট URL-এ রেন্ডার করে সেগুলি অসম্পূর্ণ হতে পারে৷
  2. আউটপুট আকার নির্বাচন করুন: ডিফল্ট হল SVG-এর নেটিভ ভিউবক্সের মাত্রা, কিন্তু আপনি যেকোনো পিক্সেল আকারে ওভাররাইড করতে পারেন। আপনার প্রকৃত ব্যবহারের সাথে মেলে এমন একটি আকার চয়ন করুন — 32×32 এ প্রদর্শিত আইকনের জন্য 4K PNG তৈরি করা এড়িয়ে চলুন।
  3. রেন্ডার: ব্রাউজার SVG পার্স করে, অনুরোধ করা মাত্রায় ক্যানভাসে আঁকে এবং ক্যানভাসকে PNG হিসেবে রপ্তানি করে। ফিল্টার বা বড় পাথ কাউন্ট সহ জটিল SVG গুলি একটু সময় নিতে পারে; সহজ আইকন অবিলম্বে রেন্ডার.
  4. PNG ডাউনলোড করুন: ফাইলটি সংরক্ষণ করুন। SVG-তে স্বচ্ছতা (আকারের বাইরের যেকোনো কিছু) PNG-তে আলফা চ্যানেল হিসেবে সংরক্ষিত থাকে।

সাধারণ ব্যবহারের ক্ষেত্রে

প্রযুক্তিগত বিবরণ

SVG (W3C সুপারিশ) হল একটি XML-ভিত্তিক ভেক্টর বিন্যাস যার মধ্যে পাথ, মৌলিক আকার (রেক্ট, বৃত্ত, উপবৃত্ত, লাইন, বহুভুজ, পলিলাইন), টেক্সট, গ্রেডিয়েন্ট (লিনিয়ারগ্রেডিয়েন্ট, রেডিয়াল গ্রেডিয়েন্ট), ফিল্টার, মাস্ক এবং ক্লিপ পাথ রয়েছে। ব্রাউজারটি XML পার্স করে, একটি DOM তৈরি করে, CSS প্রয়োগ করে এবং পৃষ্ঠা রেন্ডারিংয়ের সময় ফলাফল রাস্টারাইজ করে।

এই রূপান্তরকারী SVG-কে একটি HTMLImageElement-এ লোড করে (যা ব্রাউজারের সাধারণ SVG-এ-ইমেজ রেন্ডারিং পাথকে ট্রিগার করে), তারপর drawImage-এর মাধ্যমে এটিকে একটি ক্যানভাসে আঁকে। canvas.toBlob('image/png') ব্যবহার করে ক্যানভাস PNG হিসেবে রপ্তানি করা হয়। আউটপুটে সঠিক পিক্সেলগুলি ব্রাউজার ট্যাবে একই আকারে SVG রেন্ডার করবে তার সাথে মেলে।

এজ কেস: ইমেজ এলিমেন্টের মাধ্যমে ব্যবহৃত হলে ForeignObject ব্যবহার করে SVG সবসময় সমর্থিত হয় না। SVG রেফারেন্সিং বাহ্যিক সম্পদ (xlink:href একটি ভিন্ন ডোমেনে) CORS-এর কারণে লোড হতে ব্যর্থ হতে পারে। SMIL অ্যানিমেশন এবং জাভাস্ক্রিপ্ট-চালিত অ্যানিমেশনগুলি শুধুমাত্র প্রাথমিক ফ্রেম হিসাবে রেন্ডার করে।

সর্বোত্তম অনুশীলন

সচরাচর জিজ্ঞাসিত প্রশ্নাবলী

PNG তে রূপান্তরিত হলে আমার SVG কি গুণমান হারাবে?
ভেক্টর-থেকে-রাস্টার রূপান্তর মানে চিত্রটি পিক্সেল-ভিত্তিক হয়ে যায় এবং আর অসীমভাবে স্কেল করতে পারে না। আপনার ইচ্ছাকৃত ডিসপ্লে আকারে PNG তীক্ষ্ণ দেখায় তা নিশ্চিত করতে একটি উচ্চ রেজোলিউশন চয়ন করুন৷
PNG বিন্যাস কি জন্য ব্যবহৃত হয়?
PNG (পোর্টেবল নেটওয়ার্ক গ্রাফিক্স) প্রাথমিকভাবে স্বচ্ছতা, স্ক্রিনশট, লোগো, আইকন সহ গ্রাফিক্সের জন্য ব্যবহৃত হয়।
সচেতন হতে কোন সীমাবদ্ধতা আছে?
50MB পর্যন্ত ফাইল সমর্থিত। খুব বড় বা জটিল ফাইলগুলি প্রক্রিয়া করতে বেশি সময় লাগতে পারে। সমস্ত রূপান্তর আপনার ব্রাউজারে ঘটে, তাই প্রক্রিয়াকরণের গতি আপনার ডিভাইসের উপর নির্ভর করে।
রূপান্তরের সময় কি আমার ছবিগুলি ব্যক্তিগত রাখা হয়?
হ্যাঁ। আপনার SVG ফাইলগুলি সম্পূর্ণরূপে আপনার ব্রাউজারে ক্যানভাস API এবং JavaScript ব্যবহার করে প্রক্রিয়া করা হয়। কোনো সার্ভারে কিছুই আপলোড করা হয় না — ফাইলটি সরাসরি আপনার ডিভাইস থেকে কনভার্টারে যায় এবং আপনার ডিভাইসে ফিরে যায়।
পাঠ্য পাঠ্য হিসাবে বা পথ হিসাবে রেন্ডার করা হয়?
আউটপুট পিএনজিতে পিক্সেল হিসাবে পাঠ্য রাস্টারাইজ করা হয়। আউটপুট আর অনুসন্ধানযোগ্য বা নির্বাচনযোগ্য নয়। যদি আপনার SVG ফন্ট ব্যবহার করে ব্রাউজারে উপলব্ধ না হয়, তাহলে পাঠ্য একটি ফলব্যাক ফন্টে রেন্ডার হতে পারে; গ্যারান্টিযুক্ত উপস্থিতির জন্য রেন্ডার করার আগে পাঠ্যকে এসভিজিতে পাথে রূপান্তর করুন।
আমার SVG একটি সার্ভারে আপলোড করা হয়েছে?
না। আপনার ব্রাউজারে SVG পার্সিং এবং রেন্ডারিং ঘটবে; আপনার ব্রাউজারে PNG এনকোডিং ঘটে। ফাইলটি আপনার ডিভাইস ছেড়ে যায় না।
কেন আমার রূপান্তরিত PNG ফাঁকা?
সাধারণ কারণ: SVG বাহ্যিক চিত্রগুলি উল্লেখ করে যা CORS-এর কারণে লোড হতে ব্যর্থ হয়; SVG ইমেজ-এলিমেন্ট রেন্ডারিং পাথ (বিদেশী বস্তু, নির্দিষ্ট ফিল্টার) দ্বারা সমর্থিত নয় এমন বৈশিষ্ট্যগুলি ব্যবহার করে; SVG-তে শূন্য-মাত্রিক ভিউবক্স রয়েছে। রূপান্তর করার আগে এটি রেন্ডার হয়েছে তা নিশ্চিত করতে ব্রাউজারে সরাসরি SVG খুলুন।
আমি কি একটি স্ক্রিপ্টে SVG কে PNG তে রূপান্তর করতে পারি?
হ্যাঁ — ব্যাচের কাজের জন্য, শার্প বা পাপেটিয়ার ব্যবহার করে একটি Node.js সেটআপ ব্রাউজারের অনুরূপ বিশ্বস্ততার সাথে PNG-তে SVG রেন্ডার করে। এই টুলটি কোনো কিছু ইনস্টল না করেই ব্রাউজারে এক-বার রূপান্তরের জন্য।