SVG ভিউয়ার
Raw SVG markup পেস্ট করুন এবং সঙ্গে সঙ্গে rendered ফলাফল preview করুন।
Preview-এ script ও external reference বন্ধ থাকে, কিন্তু viewBox ও size detail পরীক্ষা করা যায়।
SVG preview: raw code পেস্ট করে সঙ্গে সঙ্গে ফলাফল দেখুন
viewBox ও size পরীক্ষা: transparency ও সম্ভাব্য অনিরাপদ কনটেন্ট পর্যালোচনা করুন
কীভাবে ব্যবহার করবেন
- SVG code পেস্ট করুন বা একটি `.svg` ফাইল লোড করুন।
- Rendering পরীক্ষা করতে background ও zoom level বদলান।
- viewBox, size detail এবং warning দেখে নিন, তারপর প্রয়োজন হলে SVG সংরক্ষণ করুন।
নমুনা
সহজ icon SVG
ইনপুট
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
আউটপুট
একটি নীল বৃত্তাকার icon render হয়, এবং info panel-এ viewBox `0 0 120 120` হিসেবে দেখায়।
প্রশ্নোত্তর
আমার SVG কি কোথাও আপলোড হয়?
না। পেস্ট করা SVG এবং লোড করা ফাইল আপনার ব্রাউজারেই থাকে এবং সার্ভারে পাঠানো হয় না।
যে SVG-তে script বা foreignObject আছে, সেগুলোর কী হয়?
নিরাপদ preview render করার আগে সেসব element সরিয়ে দেয় এবং info panel-এ warning দেখায়।
External image বা font থাকা SVG কি একদম একইভাবে render হবে?
সবসময় নয়। External reference বন্ধ থাকে, তাই মূল পরিবেশের তুলনায় চেহারায় পার্থক্য হতে পারে। এই টুল নিরাপদ স্থানীয় পরীক্ষাকেই অগ্রাধিকার দেয়।
আমার SVG কেন render হচ্ছে না?
সাধারণ কারণ হলো invalid XML, ভুল attribute value, বা root element `svg` না হওয়া। টুল যে error message দেখায়, তা পরীক্ষা করুন।
Background বদলাব কেন?
Transparent area এবং হালকা রঙের icon background অনুযায়ী অনেক ভিন্ন দেখাতে পারে, তাই tool দ্রুত checker, white ও dark background পরীক্ষা করতে দেয়।
নোট
- নিরাপত্তার জন্য render করার আগে external URL reference ও বিপজ্জনক element বন্ধ করা হয়।
- External font বা image-এর উপর নির্ভরশীল SVG মূল পরিবেশের মতো নাও দেখতে পারে।
- খুব বড় SVG ফাইলে live preview স্বয়ংক্রিয়ভাবে বন্ধ হয়ে যায় এবং manual render করতে বলে।