SVG ফাইল কম্প্রেস করুন

SVG (Scalable Vector Graphics) পিক্সেল দিয়ে তৈরি নয়—এটি একটি টেক্সট ফাইল যা XML-এ লেখা, যা আকৃতি, পথ ও রংকে গাণিতিক নির্দেশনা হিসেবে বর্ণনা করে। এই কারণেই একটি SVG লোগো ফেভিকন থেকে বিলবোর্ড পর্যন্ত যেকোনো আকারে নিখুঁতভাবে তীক্ষ্ণ থাকে, এবং এই কারণেই এটি ওয়েবে আইকন, লোগো ও ইলাস্ট্রেশনের জন্য পছন্দের ফরম্যাট। যেহেতু এটি র‍্যাস্টার গ্রিডের বদলে কোড, তাই একটি SVG কম্প্রেস করা মানে সেই কোড পরিষ্কার করা, দৃশ্যমান বিশদ ফেলে দেওয়া নয়—তাই সাশ্রয় কার্যত মানের ক্ষতি ছাড়াই হয়।

Illustrator, Figma ও Sketch-এর মতো ডিজাইন টুল এমন SVG এক্সপোর্ট করে যা প্রযুক্তিগতভাবে সঠিক কিন্তু জঞ্জালে পূর্ণ। এই বাড়তি দ্রুত জমে ওঠে, বিশেষ করে যখন আপনি একটি পৃষ্ঠায় ডজন ডজন আইকন ইনলাইন করেন।

• এডিটর মেটাডেটা, মন্তব্য ও নেমস্পেস যা ব্রাউজার উপেক্ষা করে
• কোঅর্ডিনেটে অতিরিক্ত দশমিক নির্ভুলতা (দুই সংখ্যাই যথেষ্ট যেখানে দশ সংখ্যা আছে)
• লুকানো লেয়ার, খালি গ্রুপ ও অব্যবহৃত সংজ্ঞা
• অপ্রয়োজনীয় অ্যাট্রিবিউট ও ইনলাইন স্টাইল যা সরল করা যেত
• মানুষের জন্য তৈরি হোয়াইটস্পেস ও ইনডেন্টেশন, ব্রাউজারের জন্য নয়

MiCompress একটি বিল্ড টুল যেভাবে করবে সেভাবে আপনার SVG মিনিফাই করে: এটি এডিটরের অবশিষ্টাংশ ও মন্তব্য সরিয়ে দেয়, কোঅর্ডিনেটকে যুক্তিসঙ্গত নির্ভুলতায় রাউন্ড করে, অপ্রয়োজনীয় অ্যাট্রিবিউট একত্রিত করে, লুকানো ও খালি এলিমেন্ট সরায় এবং অপ্রয়োজনীয় হোয়াইটস্পেস চেপে ফেলে। রেন্ডার করা ছবি চোখে বাইট-ফর-বাইট অভিন্ন, কারণ এই পরিবর্তনগুলোর কোনোটিই প্রকৃত আকৃতি স্পর্শ করে না—শুধু সেগুলো কীভাবে লেখা হয়েছে তা স্পর্শ করে। ফলাফল হলো একটি ছোট, পরিষ্কার SVG যা দ্রুত রেন্ডার হয় এবং সরাসরি আপনার HTML বা CSS-এ ইনলাইন করা সহজ।

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

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