SVG ফাইল কিভাবে কমপ্রেস করবেন.

SVG কম্প্রেসার খুলুন এবং একটি SVG ফাইল নির্বাচন করুন অথবা একটি নমুনা ব্যবহার করে দেখুন। নমুনাটি হলো svg-compressor.svg, একটি 985-বাইট অরবিট মার্ক যার 512 × 512 ভিউবক্স, গ্রেডিয়েন্ট ফিল, শিরোনাম এবং বিবরণ রয়েছে। মার্কআপ যদি ইতিমধ্যে কোনো এডিটর বা ক্লিপবোর্ডে থাকে তবে পেস্ট SVG ব্যবহার করুন।

এই টুলটি প্রতিটি 2 এমবি আকারের সর্বোচ্চ 20টি ফাইল গ্রহণ করে। এটি একটি সম্পূর্ণ SVG ডকুমেন্ট পার্স করে এবং কোনো এক্সটার্নাল ফাইল লোড না করেই স্ট্যান্ডার্ড SVG ডকুমেন্ট ডিক্লারেশনগুলো সরিয়ে ফেলে। ত্রুটিপূর্ণ এক্সএমএল, কাস্টম এনটিটি ডিক্লারেশন এবং ইন্টারনাল ডকুমেন্ট সাবসেটগুলো প্রত্যাখ্যাত হয়। খুব জটিল ফাইলগুলো এলিমেন্ট বা প্রসেসিং-টাইমের সীমাবদ্ধতায় পৌঁছাতে পারে।

এই ওয়ার্কফ্লোটি স্ট্যাটিক ভেক্টর আর্টওয়ার্ক তৈরি করে। স্ক্রিপ্ট, ইভেন্ট হ্যান্ডলার, এক্সটার্নাল রিসোর্স, অ্যানিমেশন এবং এমবেডেড রাস্টার ইমেজগুলো সরিয়ে ফেলা হয়। অরিজিনাল প্রিভিউটি ইতিমধ্যে স্যানিটাইজ করা, তাই এটিকে সোর্স ফাইলের প্রতিটি ফিচারের একটি অবাধ রেন্ডারিং হিসেবে গণ্য করা উচিত নয়।

দুটি প্রিভিউ প্যানেল স্যানিটাইজ করা অরিজিনাল এবং অপ্টিমাইজ করা ফলাফল দেখায়। অরিজিনাল এবং অপ্টিমাইজড-এর পাশের আকার এবং বাইট সারাংশ সোর্স ফাইলের সাথে চূড়ান্ত আউটপুট তুলনা করে। এটি একটি বৃদ্ধি রিপোর্ট করে যখন অপ্টিমাইজেশন কোনো নির্দিষ্ট ফাইলকে ছোট করার পরিবর্তে বড় করে ফেলে।

সেটিংস খুলুন এবং উদাহরণের জন্য দশমিক প্রিসিশন 2-এ সেট করুন। প্রিসিশন 1 থেকে 5 পর্যন্ত হয় এবং 3-এ শুরু হয়। কম মান সংখ্যাসূচক জ্যামিতিকে সহজ করতে পারে তবে সূক্ষ্ম বক্ররেখা, ছোট ফাঁক বা সারিবদ্ধ প্রান্তগুলোকে সরিয়ে দিতে পারে। যখন প্রিভিউতে গুরুত্বপূর্ণ ডিটেইলস হারিয়ে যায় তখন এটি বাড়িয়ে দিন।

এই নমুনাটি সহজ জ্যামিতি ব্যবহার করে, তাই প্রিসিশন 2 এর পরিচিত আকৃতি বজায় রাখে। জটিল দশমিক স্থানাঙ্কযুক্ত অন্যান্য এসভিজি আরও পরিবর্তিত হতে পারে। অপ্টিমাইজ করা SVG মার্কআপ দেখুন যা ডাউনলোড করা হবে এমন প্রকৃত টেক্সট প্রকাশ করে; এটি অরিজিনালে কোনো আলাদা উপস্থাপনা নয়।

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

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

উদাহরণের জন্য রেসপন্সিভ ডাইমেনশন এবং রিডেবল আউটপুট মার্কআপ বন্ধ রাখুন। রেসপন্সিভ ডাইমেনশন নির্দিষ্ট প্রস্থ এবং উচ্চতা সরিয়ে ফেলে যখন স্থানাঙ্ক ভিউবক্স স্কেলেবল সাইজিং প্রদান করতে পারে। রিডেবল আউটপুট ইনডেন্টেশন যোগ করে এবং রক্ষণাবেক্ষণের জন্য দরকারী, তবে এটি টেক্সটের আকার বাড়িয়ে দিতে পারে।

স্টার্ট নির্বাচন করুন, তারপর ডাউনলোড করুন। কাজ করা আউটপুটটি 635 বাইট, যেখানে সোর্সটি 985-বাইট: একটি 35.5% হ্রাস। এর শিরোনাম এবং বিবরণ রয়ে গেছে, এবং প্রদর্শিত তুলনাটি আসল সোর্স এবং ডাউনলোড করা SVG থেকে রেন্ডার করা হয়েছে।

নিবন্ধটি ফলাফলের একটি স্পষ্ট ইলাস্ট্রেশনের জন্য উভয় ভেক্টরকে 1,024 পিক্সেল এ রেন্ডার করে; তাদের লজিক্যাল স্থানাঙ্ক আকার 512 × 512 থাকে। একটি বড় প্রিভিউ সেভ করা SVG-এ রাস্টার কন্টেন্ট যোগ করে না। বিদ্যমান প্রোডাকশন অ্যাসেট প্রতিস্থাপন করার আগে আপনার গন্তব্য পৃষ্ঠায় প্রকৃত ভেক্টরটি পর্যালোচনা করুন।

একটি ফাইল তার অরিজিনাল বেসনেম সহ SVG হিসেবে ডাউনলোড হয়। একটি ব্যাচ একটি জিপ হিসেবে ডাউনলোড হয়, যার ডুপ্লিকেট ফাইলের নামের জন্য সংখ্যাসূচক সাফিক্স থাকে। প্রসেসিং ব্রাউজারে ঘটে। আপনি যদি পরে বিভিন্ন অপ্টিমাইজেশন সেটিংস চেষ্টা করতে চান তবে অরিজিনাল সোর্সটি রাখুন।