সিএসএস মিনিফায়ার টুল
শীঘ্রই সিএসএস কোড কমপ্রেস করুন, ফাইলের আকার কমান, ওয়েবসাইট লোড স্পীড বাড়ান
কমপ্রেশন অপশন
সিএসএস কোড ইনপুট করুন
কমপ্রেসড কোড
ব্যবহারের নির্দেশনা
সিএসএস কোড পেস্ট করুন
আপনার কমপ্রেস করা দরকারী সিএসএস কোডটি বাম প্রবেশ বাক্সে পেস্ট করুন।
কমপ্রেশন অপশন নির্বাচন করুন
আপনার প্রয়োজন অনুসারে কমপ্রেশন অপশন নির্বাচন করুন, যেমন কমেন্ট, স্পেস ইত্যাদি সরান।
কমপ্রেস শুরু করুন
"কমপ্রেস শুরু করুন" বোতনে ক্লিক করুন, কমপ্রেশন সম্পন্ন হওয়ার জন্য অপেক্ষা করুন। কোড ফরম্যাট করতে চাইলে "কোড ফরম্যাট করুন" বোতনে ক্লিক করুন।
ফলাফল কপি বা ডাউনলোড করুন
কমপ্রেশন সম্পন্ন হলে，আপনি কমপ্রেসড কোডটি কপি করতে বা সিএসএস ফাইল হিসেবে ডাউনলোড করতে পারেন।
সিএসএস কমপ্রেশন সম্পর্কে মৌলিক জ্ঞান
সিএসএস কমপ্রেশন কি?
সিএসএস কমপ্রেশন হল অপ্রয়োজনীয় অক্ষর (যেমন স্পেস, কমেন্ট, নিউলাইন) সরিয়ে এবং কোডের গঠনকে অপ্টিমাইজ করে সিএসএস ফাইলের আকার কমানোর প্রক্রিয়া। এটি ওয়েবসাইট লোড স্পীড বাড়াতে，ব্যান্ডউইডথ ব্যয় কমাতে এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করতে সাহায্য করে।
কমেন্টগুলো সরান
সিএসএস ফাইলের কমেন্ট বিষয়বস্তু মুছুন，মূল কোড ফাংশন বজায় রাখুন，ফাইলের আকার কমান।
খালি অক্ষর সরান
অতিরিক্ত স্পেস, ট্যাব এবং নিউলাইন মুছুন，কোডটিকে আরও কমপ্যাক্ট করুন।
সিনট্যাক্স সরল করুন
অপ্রয়োজনীয় সেমিকোলন সরান，হেক্সাডেসিমাল রঙ মান সংক্ষিপ্ত করুন，শূন্য মান প্রদর্শন অপ্টিমাইজ করুন ইত্যাদি।
সিলেক্টর মার্জ করুন
একই স্টাইল নিয়ম সহ সিলেক্টরগুলো মার্জ করুন，পুনরাবৃত্তি কোড কমান।
কোড অপ্টিমাইজ করুন
সিএসএস সিলেক্টর অপ্টিমাইজ করুন，অতিরিক্ত নিয়ম পুনর্লিখন করুন，কোড এক্সিকিউশন দক্ষতা বাড়ান।
লোড স্পীড বাড়ান
ফাইলের আকার কমান，ডাউনলোড স্পীড বাড়ান，রেন্ডারিং ব্লক করার সময় কমান।
সংকুচিত নমুনা তুলনা
মূল সিএসএস
150 B.header {
background-color: #ffffff;
padding: 20px;
margin-bottom: 30px;
/* শিরোনামের শৈলী */
}
.nav-item {
display: inline-block;
margin-right: 15px;
color: #333333;
}
কমপ্রেসড সিএসএস
80 B (47% কমপ্রেশন হার).header{background:#fff;padding:20px;margin-bottom:30px}.nav-item{display:inline-block;margin-right:15px;color:#333}
সিএসএস কমপ্রেশনের সেরা প্রাকটিস
- ডিবাগিংয়ের সুবিধার্থে ডেভেলপমেন্ট এনভায়রনমেন্টে কমপ্রেসড নয় এমন সিএসএস রাখুন，প্রোডাকশন এনভায়রনমেন্টে কমপ্রেসড সিএসএস ব্যবহার করুন。
- সোর্স ফাইল ব্যবস্থাপনা করতে ভার্সন কন্ট্রোল সিস্টেম ব্যবহার করুন，কমপ্রেসড ফাইলগুলো সরাসরি সম্পাদনা করবেন না।
- সিএসএস প্রিপ্রসেসর (যেমন Sass、Less) এবং বিল্ড টুল (যেমন Webpack) এর সাথে মিলিত করে স্বয়ংক্রিয় কমপ্রেশন প্রয়োগ করুন।
- কমপ্রেশনের আগে নিশ্চিত করুন যে সিএসএস কোডে সিনট্যাক্স ত্রুটি নেই，কমপ্রেশনের পরে অপ্রত্যাশিত সমস্যা এড়ান。
- বিভিন্ন ব্রাউজারে কমপ্রেসড সিএসএসের সামঞ্জস্যতা পরীক্ষা করুন，নিশ্চিত করুন যে স্টাইল সঠিকভাবে প্রদর্শিত হচ্ছে।
API开发平台
快速构建、测试和部署API
推荐工具
সোশ্যাল মিডিয়া শেয়ার লিঙ্ক জেনারেটর - ফ্রি অনলাইন টুল
Facebook, Twitter, WhatsApp, LinkedIn, Telegram, TikTok, Instagram এবং Email-এর জন্য শেয়ারযোগ্য লিঙ্ক সহজেই তৈরি করুন। শুধুমাত্র URL পেস্ট করুন এবং টেক্সট লিখুন, সেকেন্ডের মধ্যে শেয়ারযোগ্য লিঙ্ক তৈরি করুন।
অনলাইন URL এক্সট্রাক্টর
অনলাইন URL এক্সট্রাক্টর, ডকুমেন্ট বা টেক্সট কন্টেন্ট থেকে সমস্ত লিঙ্ক URL এক্সট্র্যাক্ট করতে ব্যবহৃত হয়, এবং ওয়েব পেজের HTML থেকে সমস্ত URL এক্সট্র্যাক্ট করতেও ব্যবহার করা যেতে পারে।
রেজেক্স নিয়মিত অভিব্যক্তি অনলাইন টেস্ট
রেজেক্স নিয়মিত অভিব্যক্তি ম্যাচিং টুল সাধারণত একটি নির্দিষ্ট প্যাটার্ন (নিয়ম) এর সাথে মেলে যাওয়া টেক্সট সন্ধান এবং প্রতিস্থাপন করতে ব্যবহৃত হয়। এই ওয়েবসাইটটি মূলত প্রোগ্রামারদের অনলাইনে রেগুলার এক্সপ্রেশন পরীক্ষা করা, সঠিক ম্যাচগুলো সংরক্ষণ করা এবং যেকোনো সময় দেখা দেয়।
ফ্রি SVG আইকন তৈরি টুল - অনলাইন SVG আইকন জেনারেশন এবং রঙ সমন্বয়
ফ্রি অনলাইন SVG আইকন তৈরি টুল। আইকন নির্বাচন, রঙ সমন্বয় এবং SVG ফাইল ডাউনলোড করার সমর্থন করে, যা ডেভেলপার এবং ডিজাইনারদের জন্য ব্যবহার করা সহজ করে।
CSS কম্প্রেশন টুল - ফ্রি অনলাইন CSS কোড কম্প্রেশন এবং অপ্টিমাইজেশন
ফ্রি অনলাইন CSS কম্প্রেশন টুল। দ্রুত CSS কোড কম্প্রেস করুন, ফাইলের আকার কমান, ওয়েবসাইট লোডিং গতি বাড়ান, এবং কাস্টম কম্প্রেশন বিকল্পগুলি সমর্থন করুন।