مفت CSS منیفائر اور بیوٹیفائر
فائل سائز کم کرنے کے لیے CSS منیفائی کریں یا پڑھنے کی آسانی کے لیے منیفائی CSS کو خوبصورت بنائیں۔ فوری، آپ کے براؤزر میں۔
یہاں .css فائل ڈراپ کریں، یا براؤز کرنے کے لیے کلک کریں
CSS · آپ کے آلے پر پراسیس ہوتی ہے
یا کلپ بورڈ سے پیسٹ کرنے کے لیے Ctrl+V دبائیں
عام استعمالات
- پروڈکشن ڈیپلائے کے لیے CSS کو منظم کریںپروڈکشن میں deployment سے پہلے CSS فائل کے سائز کو کم کریں — تیز صفحہ load اور کم bandwidth اخراجات۔
- Minified CSS کو Debugging کے لیے خوبصورت بنائیںcompressed یا minified CSS کو قابل فہم کوڈ میں فارمیٹ کریں تاکہ آپ styles کا معائنہ اور debugging کر سکیں۔
- ای میل Templates کے لیے CSS کو منظم کریںHTML ای میل templates میں CSS کو compact کریں جہاں فائل سائز اور inline style bloat اہم ہوں۔
- WordPress Themes کے لیے CSS کو منظم کریںcustom WordPress theme stylesheets کے سائز کو کم کریں بہتر PageSpeed scores کے لیے۔
- Code Review کے لیے CSS کو خوبصورت بنائیںکسی بھی CSS فائل کو صاف، indented، قابل فہم کوڈ میں فارمیٹ کریں review اور collaboration کے لیے۔
یہ کیسے کام کرتا ہے
یہ ٹول مکمل طور پر JavaScript میں بنا، بغیر انحصار کا ہاتھ سے لکھا CSS tokenizer استعمال کرتا ہے — نہ بیرونی لائبریریاں، نہ سرور کالز۔ tokenizer کوئی بھی تبدیلی لگانے سے پہلے ہر حرف کو کوڈ، تبصرہ، اقتباس شدہ اسٹرنگ یا url() قدر کے طور پر درجہ بند کرتا ہے، جس سے خالی جگہ کے قواعد اسٹرنگ کے مواد، data URIs یا calc() ایکسپریشنز کو خراب نہیں کرتے۔
- 1ٹوکنائزیشن کا مرحلہان پٹ CSS حرف بہ حرف اسکین ہو کر قسم وار ٹوکنز میں تقسیم ہوتی ہے: خام کوڈ حصے، /* ... */ تبصرے، اقتباس شدہ اسٹرنگز (escape sequences محفوظ رکھتے ہوئے) اور url(...) بلاکس۔ اس سے یقینی ہوتا ہے کہ اگلے مرحلے کی تبدیلیاں صرف اصل CSS نحو کو چھوئیں — کبھی کسی اسٹرنگ یا data URI کے مواد کو نہیں۔
- 2Minification یا beautificationMinify موڈ میں عام تبصرے ہٹا دیے جاتے ہیں (/*! license */ تبصرے رکھے جاتے ہیں)، کوڈ ٹوکنز میں خالی جگہ کے سلسلے ایک اسپیس میں سمیٹے جاتے ہیں، اور { } : ; , > ~ کے گرد خالی جگہ ہٹا دی جاتی ہے۔ + اور - کے گرد اسپیسز جان بوجھ کر چھوڑی جاتی ہیں تاکہ calc() ایکسپریشنز نہ ٹوٹیں۔ Beautify موڈ میں کوڈ پہلے صاف بنیاد کے لیے minify ہوتا ہے، پھر دوبارہ ٹوکنائز ہو کر دو اسپیس گہرائی اور ڈیکلریشن کولن کی شناخت کے ساتھ انڈینٹ ہوتا ہے تاکہ property: value کولن کو a:hover جیسے سلیکٹر کولن سے الگ کیا جا سکے۔
- 3Gzip سائز کا اندازہآؤٹ پٹ بنانے کے بعد براؤزر کی مقامی CompressionStream API سے نتیجے کو gzip سے کمپریس کر کے بائٹس کی تعداد ناپی جاتی ہے۔ اس سے حقیقت پسندانہ منتقلی سائز کا اندازہ ملتا ہے، جیسا gzip کمپریشن والا ویب سرور نیٹ ورک پر بھیجے گا۔
- 4کاپی یا ڈاؤن لوڈ کریںپروسیس شدہ CSS Clipboard API سے کلپ بورڈ پر لکھی جاتی ہے، یا text/css MIME قسم والے Blob سے styles.min.css (minify موڈ) یا styles.css (beautify موڈ) کے طور پر ڈاؤن لوڈ ہوتی ہے۔ سائز میں کمی کا فیصد ٹائپ کرتے ہی لائیو دکھایا جاتا ہے۔
متعلقہ ٹولز
SVG آپٹیمائزر اور منیفائر
SVG فائل سائز کو ڈرامائی طور پر کم کرنے کے لیے میٹا ڈیٹا ہٹائیں، whitespace ختم کریں، اور decimals گول کریں — عموماً 30-70% کمی۔ بصری پریویو تصدیق کرتا ہے کہ کچھ ٹوٹا نہیں۔
CSS بیوٹیفائر
کمپریس شدہ CSS کو یکساں انڈینٹیشن کے ساتھ سنواریں، یا اسے کمپریس کریں۔ قابلِ پیش گوئی فرق کے لیے خصوصیات کی اختیاری حروفِ تہجی ترتیب۔
JSON فارمیٹر
JSON ڈیٹا کو فارمیٹ کریں، توثیق کریں، کم کریں اور دریافت کریں۔ ٹری ویو، نحو کو نمایاں کرنا، اور ایک کلک کاپی۔