SVG থেকে PNG কনভার্টার
ভেক্টর SVG ফাইলগুলিকে উচ্চ-মানের রাস্টার PNG ছবিতে রূপান্তর করুন। আপনার ব্রাউজারে সহজেই আউটপুট স্কেল এবং পটভূমির রঙ কাস্টমাইজ করুন।
SVG এখানে ড্র্যাগ এবং ড্রপ করুন
50MB পর্যন্ত সমর্থন করে
ভেক্টর SVG ফাইলগুলিকে উচ্চ-মানের রাস্টার PNG ছবিতে রূপান্তর করুন। আপনার ব্রাউজারে সহজেই আউটপুট স্কেল এবং পটভূমির রঙ কাস্টমাইজ করুন।
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-কে প্রথম স্থানে আকর্ষণীয় করে তোলে।
আপনার লক্ষ্য আকার চয়ন করুন, রেন্ডার. ব্রাউজার রাস্টারাইজেশন করে।
SVG (W3C সুপারিশ) হল একটি XML-ভিত্তিক ভেক্টর বিন্যাস যার মধ্যে পাথ, মৌলিক আকার (রেক্ট, বৃত্ত, উপবৃত্ত, লাইন, বহুভুজ, পলিলাইন), টেক্সট, গ্রেডিয়েন্ট (লিনিয়ারগ্রেডিয়েন্ট, রেডিয়াল গ্রেডিয়েন্ট), ফিল্টার, মাস্ক এবং ক্লিপ পাথ রয়েছে। ব্রাউজারটি XML পার্স করে, একটি DOM তৈরি করে, CSS প্রয়োগ করে এবং পৃষ্ঠা রেন্ডারিংয়ের সময় ফলাফল রাস্টারাইজ করে।
এই রূপান্তরকারী SVG-কে একটি HTMLImageElement-এ লোড করে (যা ব্রাউজারের সাধারণ SVG-এ-ইমেজ রেন্ডারিং পাথকে ট্রিগার করে), তারপর drawImage-এর মাধ্যমে এটিকে একটি ক্যানভাসে আঁকে। canvas.toBlob('image/png') ব্যবহার করে ক্যানভাস PNG হিসেবে রপ্তানি করা হয়। আউটপুটে সঠিক পিক্সেলগুলি ব্রাউজার ট্যাবে একই আকারে SVG রেন্ডার করবে তার সাথে মেলে।
এজ কেস: ইমেজ এলিমেন্টের মাধ্যমে ব্যবহৃত হলে ForeignObject ব্যবহার করে SVG সবসময় সমর্থিত হয় না। SVG রেফারেন্সিং বাহ্যিক সম্পদ (xlink:href একটি ভিন্ন ডোমেনে) CORS-এর কারণে লোড হতে ব্যর্থ হতে পারে। SMIL অ্যানিমেশন এবং জাভাস্ক্রিপ্ট-চালিত অ্যানিমেশনগুলি শুধুমাত্র প্রাথমিক ফ্রেম হিসাবে রেন্ডার করে।