متن افادیت

100% آن ڈیوائس • فائلیں آپ کے براؤزر کو کبھی نہیں چھوڑتی ہیں۔

سی ایس ایس منیفائر اور فارمیٹر

تبصروں کو ہٹا کر اور خالی جگہ کو ختم کر کے CSS کو کم کریں، یا کمپریسڈ CSS کو دوبارہ پڑھنے کے قابل، انڈینٹڈ قواعد میں خوبصورت بنائیں۔ دونوں ڈائریکشنز براؤزر میں آپ کے پیسٹ کردہ ٹیکسٹ پر چلتی ہیں، اس لیے یہ آپ کو وراثت میں ملنے والے اسنیپٹ کے لیے کام کرتی ہے جتنا کہ آپ بھیج رہے ہیں۔

CSS Stylesheet Minifier

غیر کمپریسڈ سی ایس ایس داخل کریں۔

Minified CSS نتیجہ

یہ کیسے کام کرتا ہے۔

1
جس اسٹائل شیٹ یا رول بلاک کو آپ تبدیل کرنا چاہتے ہیں اسے پیسٹ کریں۔
2
کمنٹس اور وائٹ اسپیس کو ہٹانے کے لیے minify کا انتخاب کریں، یا کمپریسڈ CSS کو دوبارہ انڈینٹ کرنے کے لیے خوبصورت بنائیں۔
3
یہ دیکھنے کے لیے سائز کا موازنہ کریں کہ فارمیٹنگ کی قیمت کیا تھی۔
4
نتیجہ کو اپنی اسٹائل شیٹ، جزو یا ٹیمپلیٹ میں کاپی کریں۔

کلیدی فوائد اور فوائد

دونوں سمتوں

ڈیلیوری کے لیے چھوٹا کریں، یا ایک کمپریسڈ فائل کو خوبصورت بنائیں جس کی آپ کو پڑھنے اور ترمیم کرنے کی ضرورت ہے۔

کوڈ کو کم کرنے سے زیادہ محفوظ ہے۔

CSS میں JavaScript سے زیادہ آسان گرامر ہے، اس لیے تبصرے اور وائٹ اسپیس کو ہٹانے سے شاذ و نادر ہی رویے میں تبدیلی آتی ہے۔

کوئی تعمیراتی قدم نہیں۔

ان لائن اسٹائل بلاک، ای میل ٹیمپلیٹ یا سی ایم ایس فیلڈ کے لیے آسان ہے جہاں بنڈلر شامل نہیں ہے۔

مقامی طور پر چلتا ہے۔

آپ کی اسٹائل شیٹ کو ٹیب میں پروسیس کیا جاتا ہے اور اسے کبھی اپ لوڈ نہیں کیا جاتا ہے۔

لوگ اسے کس کے لیے استعمال کرتے ہیں۔

پیج ہیڈ یا ای میل میں ان لائن کرنے سے پہلے اسٹائل بلاک کو کمپریس کرنا۔
ایک چھوٹی سی اسٹائل شیٹ کو دوبارہ فارمیٹ کرنا جس کی آپ کو پڑھنے یا ڈیبگ کرنے کی ضرورت ہے۔
جنریٹر یا ڈیزائن ٹول ایکسپورٹ سے کاپی کی گئی CSS کو صاف کرنا۔
یہ فیصلہ کرنے سے پہلے کہ آیا کوئی تعمیراتی مرحلہ شامل کرنا ہے سائز کے فرق کو چیک کرنا۔

تعاون یافتہ فارمیٹس اور اختیارات

ان پٹ	سی ایس ایس کے اصول، پوری اسٹائل شیٹس یا ٹکڑے متن کے بطور چسپاں کیے گئے ہیں۔
Minify ہٹاتا ہے۔	تبصرے، لائن بریکس اور سلیکٹرز، خصوصیات اور اقدار کے درمیان بے کار خالی جگہ
Beautiify اضافہ کرتا ہے۔	ہر اصول اور اعلان کے لیے لائن بریک اور انڈینٹیشن

رازداری اور ڈیٹا ہینڈلنگ

آپ کا CSS مکمل طور پر براؤزر ٹیب میں پروسیس کیا جاتا ہے اور اسے کبھی بھی ہمارے سرور پر نہیں بھیجا جاتا ہے۔

حدود اور جاننے کی چیزیں

یہ ٹول ڈپلیکیٹ سلیکٹرز کو ضم نہیں کرتا، رنگ کی قدروں کو چھوٹا نہیں کرتا، اعلانات کو دوبارہ ترتیب نہیں دیتا یا غیر استعمال شدہ قواعد کو ہٹاتا ہے — یہ وہ اصلاح ہیں جو ایک وقف شدہ CSS آپٹیمائزر انجام دیتا ہے۔
مواد کی اقدار، حسب ضرورت خصوصیات اور کچھ فنکشنل اشارے کے اندر وائٹ اسپیس اہم ہے۔ چھوٹے کرنے کے بعد مواد یا var() اعلامیہ کے ساتھ کسی بھی اصول کو چیک کریں۔
Beautiify ساخت کو بحال کرتا ہے، اصل فارمیٹنگ نہیں۔ پچھلی منیفیکیشن کے ذریعے ہٹائے گئے تبصرے بازیافت نہیں کیے جا سکتے۔

خرابی کا سراغ لگانا

ایک سٹائل نے minify کرنے کے بعد لاگو ہونا بند کر دیا۔

مواد کی قدروں، حسب ضرورت خصوصیات یا میڈیا کے استفسار کے تار تلاش کریں جہاں ہٹائی گئی جگہ اہمیت رکھتی ہے۔ اس ایک اعلان میں جگہ کو بحال کریں۔

فائل چھوٹے کرنے کے بعد بھی بڑی ہے۔

زیادہ تر حقیقی سی ایس ایس بچت غیر استعمال شدہ قواعد کو ہٹانے اور سرور کمپریشن سے آتی ہے۔ نحو کو مزید بہتر بنانے سے پہلے gzip یا Brotli کو فعال کریں، اور ڈیڈ سلیکٹرز کا آڈٹ کریں۔

Minify CSS online to cut stylesheet weight before deployment, or beautify compressed CSS back into readable, indented rules. This free CSS compressor removes comments, line breaks and redundant whitespace without ever altering how a single declaration renders.

Minify CSS to reduce file size — typical hand-written stylesheets shrink noticeably, which directly improves Largest Contentful Paint because CSS is a render-blocking resource.
CSS beautifier built in — paste a minified production stylesheet from a live site and re-indent it into structured, readable CSS for debugging or auditing.
Safe by design — the compressor only removes comments and insignificant whitespace — selectors, specificity, cascade order and media queries come through equivalent.
Better Core Web Vitals — smaller CSS means fewer bytes on the critical path, fewer render-blocking milliseconds and a measurably faster first paint on mobile connections.
Runs entirely in your browser — proprietary design-system CSS and unreleased styles are processed locally with no upload, no account and no rate limit.

Use it alongside the JavaScript Minifier to compress your full front-end bundle, and the JSON Formatter for the config files that ship with it.

اکثر پوچھے گئے سوالات

Will minifying break my stylesheet?

Rarely. CSS has a simple grammar, so removing comments and whitespace is usually safe. The exceptions are declarations where a space is meaningful — content values, custom properties and some functional notations — so check those specific rules after minifying.

How much smaller will my CSS get?

Typically 10-30 percent, depending on how much of the file is indentation and comments. That is worth having, but enabling gzip or Brotli on your server saves considerably more, and the two stack.

Can it remove unused CSS?

No. Finding unused rules requires analysing your HTML and JavaScript, which a text-level minifier cannot do. Use a purge tool wired into your build for that.

کیا minifying CSS کے عمل کو تبدیل کرتا ہے؟

نہیں! منیفیکیشن اسٹائل کے اصولوں میں ردوبدل کیے بغیر صرف محفوظ تبصرے اور خالی جگہ کو ہٹاتا ہے۔

کیا minifying میری اسٹائل شیٹ کو توڑ دے گا؟

شاذ و نادر ہی۔ CSS میں ایک سادہ گرامر ہے، اس لیے تبصرے اور وائٹ اسپیس کو ہٹانا عام طور پر محفوظ ہوتا ہے۔ مستثنیات وہ اعلانات ہیں جہاں ایک جگہ معنی خیز ہے — مواد کی قدریں، حسب ضرورت خصوصیات اور کچھ فنکشنل اشارے — اس لیے ان مخصوص اصولوں کو کم کرنے کے بعد چیک کریں۔

میرا CSS کتنا چھوٹا ہو گا؟

عام طور پر 10-30 فیصد، اس بات پر منحصر ہے کہ فائل کا کتنا حصہ انڈینٹیشن اور تبصروں پر ہے۔ یہ رکھنے کے قابل ہے، لیکن آپ کے سرور پر gzip یا Brotli کو فعال کرنے سے کافی زیادہ بچت ہوتی ہے، اور دونوں اسٹیک۔

کیا یہ غیر استعمال شدہ CSS کو ہٹا سکتا ہے؟

نہیں، غیر استعمال شدہ قواعد تلاش کرنے کے لیے آپ کے HTML اور JavaScript کا تجزیہ کرنے کی ضرورت ہوتی ہے، جو کہ ٹیکسٹ لیول منیفائر نہیں کر سکتا۔ اس کے لیے اپنی تعمیر میں وائرڈ پرج ٹول کا استعمال کریں۔