বিনামূল্যে SVG অপ্টিমাইজার ও মিনিফায়ার

কিভাবে কাজ করে

এই টুল একটি হাতে লেখা অপ্টিমাইজার দিয়ে SVG ফাইলের আকার কমায়, যা পুরোপুরি আপনার ব্রাউজারে চলে — কোনো লাইব্রেরি বা সার্ভার নেই। এটি দুটি ধাপ মেলায়: অ্যাট্রিবিউট-স্তরের নির্ভুল কাজের জন্য ব্রাউজারের বিল্ট-ইন DOMParser/XMLSerializer, এবং কমেন্ট সরানো, মেটাডেটা বাদ ও হোয়াইটস্পেস সংকোচনের জন্য নির্দিষ্ট regex প্রতিস্থাপন।

1. 1
   DOMParser SVG স্যানিটাইজ করে

   যেকোনো অপ্টিমাইজেশনের আগে ব্রাউজারের DOMParser SVG-কে XML হিসেবে পড়ে প্রতিটি এলিমেন্ট ঘোরে। Script ট্যাগ, ইভেন্ট হ্যান্ডলার (যেকোনো on* অ্যাট্রিবিউট), অ্যানিমেশন এলিমেন্ট ও বাইরের URL রেফারেন্স শর্তহীনভাবে সরানো হয় — আপনি যে অপ্টিমাইজেশন অপশনই বাছুন, এটি চলে।
2. 2
   DOM-ভিত্তিক দশমিক রাউন্ডিং

   দশমিক রাউন্ডিং চালু থাকলে অপ্টিমাইজার পার্স করা DOM দ্বিতীয়বার ঘুরে শুধু পরিচিত সংখ্যাসূচক অ্যাট্রিবিউটে (path d ডেটা, স্থানাঙ্ক, transform মান, stroke প্রস্থ ইত্যাদি) রাউন্ডিং প্রয়োগ করে, এমন একটি regex দিয়ে যা .5.5-এর মতো জোড়া পথের মান নষ্ট না করে আলাদা floating-point সংখ্যা মেলায়।
3. 3
   regex ধাপ সিরিয়ালাইজ করা মার্কআপ পরিষ্কার করে

   XMLSerializer নর্মালাইজড XML দেয়, তারপর নির্দিষ্ট স্ট্রিং প্রতিস্থাপন HTML কমেন্ট, Inkscape/Sodipodi এডিটরের মেটাডেটা, XML ঘোষণা, অপ্রয়োজনীয় ডিফল্ট অ্যাট্রিবিউট (যেমন version="1.1") এবং ট্যাগের মাঝের হোয়াইটস্পেস সরায় — প্রতিটি ধাপ সংকীর্ণ পরিসরে, তাই টেক্সট নোডের বিষয়বস্তু কখনো ছোঁয়া হয় না।
4. 4
   Gzip আকার ও এক্সপোর্ট ফরম্যাট

   ব্রাউজারের CompressionStream API ইনপুট ও আউটপুট দুটোরই প্রকৃত gzip আকার হিসাব করে, কারণ ওয়েবে ট্রান্সফারের খরচ আসলে সেটাই নির্ধারণ করে। অপ্টিমাইজ করা SVG ডাউনলোড, কাঁচা SVG হিসেবে কপি, React JSX-উপযোগী camelCase অ্যাট্রিবিউটে রূপান্তর, বা CSS data URI হিসেবে এনকোড করা যায় — সব রূপান্তর লোকালি হয়।

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