CSS মিনিফাই
সম্পাদকে স্টাইলশিট রাখুন এবং ব্লক মন্তব্য সরানো ও ধারাবাহিক হোয়াইটস্পেস একটি স্পেসে চাপা মিনিফাইড সংস্করণ পান। দ্রুত আকার যাচাই বা পূর্ণ বিল্ড ছাড়াই সংক্ষিপ্ত স্নিপেটের জন্য কাজে লাগে।
আপডেট 2026-08-03 · developer
body { color: red; }
এই টুল সম্পর্কে
মিনিফিকেশন মন্তব্য ও অপ্রয়োজনীয় হোয়াইটস্পেস মুছে স্থানান্তরের আকার কমায়। এই টুল হালকা ব্রাউজার পাস—পূর্ণ CSS পার্সার নয়—তাই সিলেক্টর পুনর্লিখন বা রঙের মান ছোট করে না। ফরম্যাট করা উৎস আলাদা রাখুন; আউটপুট ডেলিভারি বা তুলনার সংকুচিত কপি হিসেবে দেখুন।
কীভাবে ব্যবহার করবেন
- CSS মিনিফাই খুলুন: ব্রাউজারে এই পৃষ্ঠা খুলুন।
- CSS পেস্ট করুন: স্টাইলশিট বা অংশ Code বক্সে দিন।
- ফলাফল কপি করুন: ফলাফল এলাকা থেকে সংকুচিত আউটপুট নিন।
- প্রসঙ্গে যাচাই করুন: পৃষ্ঠা বা বান্ডলারে পেস্ট করে নিশ্চিত করুন স্টাইল এখনও কাজ করে।
সাধারণ ব্যবহার
- CMS ক্ষেত্রে পেস্টের আগে ছোট CSS স্নিপেট সংকুচিত করুন।
- স্টাইলশিটে হোয়াইটস্পেস কতটা ওজন নেয় মোটামুটি তুলনা করুন।
- দ্রুত ডেমোর জন্য ইনলাইন ক্রিটিক্যাল CSS প্রস্তুত করুন।
- gist শেয়ারের আগে খসড়ার মন্তব্যযুক্ত স্টাইল পরিষ্কার করুন।
টিপস
- স্ট্রিং বা url-এ /* */ বিরল কিন্তু সরল মন্তব্য অপসারণ ভেঙে দিতে পারে—ক্রিটিক্যাল CSS-এর আউটপুট যাচাই করুন।
- মূল ফরম্যাট করা ফাইল রাখুন; মিনিফাইড CSS পরে সম্পাদনা করা কঠিন।
প্রশ্নোত্তর
এটি কি ক্লাস পুনঃনাম বা নিয়ম মিশ্রণ করে?
না। শুধু মন্তব্য সরায় ও হোয়াইটস্পেস ভাঁজ করে।
@media ও নেস্টেড নিয়ম কি থাকে?
গঠন টেক্সট হিসেবে থাকে; শুধু মন্তব্য ও অতিরিক্ত স্পেস বদলায়।
আমার CSS কি আপলোড হয়?
প্রক্রিয়াকরণ ব্রাউজারে স্থানীয়ভাবে চলে।
আউটপুট কেন ভুল দেখাতে পারে?
স্ট্রিংয়ের ভিতর মন্তব্যের সীমানা সরল স্ট্রিপারকে বিভ্রান্ত করতে পারে—গুরুত্বপূর্ণ শিট আবার দেখুন।