মূল বিষয়বস্তুতে যান
ToolMug

সরাতে ↑ ↓, খুলতে Enter, বন্ধ করতে Esc চাপুন।

SVG অপ্টিমাইজার

আপনার ব্রাউজারে SVGO দিয়ে SVG ফাইল কমপ্রেস করুন। Illustrator, Inkscape ও Figma এক্সপোর্টের সময় যে মেটাডেটা, মন্তব্য ও অপ্রয়োজনীয় অ্যাট্রিবিউট যোগ করে, এটি সেগুলো সরিয়ে দেয় এবং পাথের ডেটা ও দশমিক সংক্ষিপ্ত করে—তাই গ্রাফিক একই থাকে, ফাইল ছোট হয়। একসঙ্গে কয়েকটি ফাইল প্রসেস করুন বা SVG কোড পেস্ট করুন।

আপনার ব্রাউজারে চলে — আপনি যা দেন তার কিছুই আপলোড হয় না

3

কোঅর্ডিনেট এই সংখ্যক দশমিকে গোল হয়। বেশিরভাগ আইকনে 2–3 অদৃশ্য; কম হলে ফাইল ছোট, তবে সূক্ষ্মতা নষ্ট হতে পারে।

অথবা এখানে ফাইলগুলো ছেড়ে দিন

অথবা SVG কোড পেস্ট করুন
অপ্টিমাইজ করা SVG

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

  1. SVG ফাইল বাছাই করুন বা এখানে ফেলে দিন (ইচ্ছা করলে একসঙ্গে কয়েকটি), অথবা নিচে SVG কোড পেস্ট করুন। কাজটি দেখতে “নমুনা লোড করুন” ক্লিক করুন।
  2. দশমিক ঘর ও অন্যান্য বিকল্প ঠিক করুন। ফলাফল সঙ্গে সঙ্গে আপডেট হবে এবং প্রতিটি ফাইল কতটা ছোট হয়েছে তা দেখাবে।
  3. প্রতিটি অপ্টিমাইজ করা ফাইল ডাউনলোড করুন, অথবা “সব ডাউনলোড করুন (ZIP)” ক্লিক করুন। পেস্ট করা কোড সরাসরি কপি করতে পারবেন।

অপশনগুলোর ব্যাখ্যা

দশমিক ঘর
কোঅর্ডিনেট ও সংখ্যায় কত ঘর দশমিক রাখা হবে—ডিফল্ট 3। আইকন সাধারণত 1–2 ঘরেও একই রকম দেখায়; বিস্তারিত ইলাস্ট্রেশন ও মানচিত্রের জন্য 3 বা তার বেশি রাখুন।
একাধিক পাস চালান
ফাইলটি আর ছোট না হওয়া পর্যন্ত অপ্টিমাইজেশনটি পুনরাবৃত্তি করে। এতে প্রায়ই আরও কয়েক শতাংশ আকার কমে, তবে সামান্য বেশি সময় লাগে।
প্রস্থ/উচ্চতা সরান
শুধু viewBox রেখে দেয়, ফলে SVG তার কনটেইনারের সঙ্গে মাপ বদলায়—CSS দিয়ে আকার নির্ধারণ করলে এটি উপকারী।
ID রাখুন
ডিফল্টভাবে ব্যবহার না হওয়া ID সরানো হয় এবং বাকি ID ছোট করা হয়। বাইরের CSS, JavaScript বা অন্য ফাইল ID দিয়ে কোনো উপাদানকে উল্লেখ করলে এটি টিক দিন।

উদাহরণ

মূল ফাইলটিতে (Inkscape থেকে এক্সপোর্ট করা, 789 বাইট) XML declaration, একটি মন্তব্য, মেটাডেটা, শুধু এডিটরে ব্যবহৃত অ্যাট্রিবিউট এবং দীর্ঘ দশমিক সংখ্যা রয়েছে। অপ্টিমাইজ করা ফাইল (248 বাইট):

<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>

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

ছবিটি কি খারাপ দেখাবে?

SVG একটি ভেক্টর ফরম্যাট। অপ্টিমাইজেশন শুধু রেন্ডারিংয়ে প্রভাব না ফেলা কনটেন্ট সরিয়ে দেয় এবং বেছে নেওয়া দশমিক ঘর পর্যন্ত সংখ্যা গোল করে। ডিফল্ট সেটিংসে চোখে পড়ার মতো কোনো পার্থক্য নেই; কোনো আকৃতি বিকৃত হলে দশমিক ঘর বাড়ান।

কতটা ছোট হবে?

এটি কোন সফটওয়্যার দিয়ে ফাইলটি এক্সপোর্ট করা হয়েছে তার ওপর নির্ভর করে। ডিজাইন টুল থেকে তৈরি SVG প্রায়ই 30–70% ছোট হয়—নমুনাটি 789 থেকে 248 বাইটে নেমে যায়। আগে থেকেই অপ্টিমাইজ করা ফাইলে পরিবর্তন কম হবে।

কোনো অ্যানিমেশন বা স্ক্রিপ্ট কাজ করা বন্ধ করল কেন?

SVG-এর স্টাইল বা স্ক্রিপ্ট ID দিয়ে উপাদান বেছে নিলে “ID রাখুন” টিক দিন।

আমার ফাইল কি আপলোড হয়?

না। SVGO আপনার ব্রাউজারেই চলে; ফাইল পড়া ও প্রসেস করা স্থানীয়ভাবেই হয়।

গোপনীয়তা

এই টুলটি পুরোপুরি আপনার ব্রাউজারে চলে। আপনার ফাইল ও লেখা আপনার ডিভাইসেই প্রসেস হয় এবং কখনো আমাদের সার্ভারে আপলোড হয় না।

সম্পর্কিত টুল