CSS مِنی فائر ٹول

استعمال کا طریقہ 3 مراحل
  1. CSS اسٹائل شیٹ کوڈ پیسٹ کریں میں اپنا کوڈ چسپاں کریں۔
  2. CSS کوڈ minify کریں دبائیں۔
  3. چھوٹا کوڈ کاپی کریں۔
کمپریس شدہ CSS نتیجہ

یہ ٹول کیسے کام کرتا ہے

اسٹائل شیٹ کو اندھا دھند تبدیلیوں کے ایک مجموعے سے گزارنے کے بجائے پڑھا جاتا ہے، اور یہ اس لیے اہم ہے کہ اسٹائل شیٹ میں سٹرنگز ہوتی ہیں۔ واوین کے اندر اور url() کے اندر کی عبارت کسی چیز کے سمٹنے سے پہلے الگ رکھ لی جاتی ہے اور بعد میں واپس رکھ دی جاتی ہے، اس لیے content کی قدر کے اندر لکھا ہوا تبصرے کا نشان جوں کا توں رہتا ہے اور واوین والی سٹرنگ کے اندر کے وقفے چھیڑے نہیں جاتے۔

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

جو جان بوجھ کر چھوڑ دیا جاتا ہے

  • calc() کے آپریٹر اپنی خالی جگہیں رکھتے ہیں: حسابی آپریٹروں کو پڑھے جانے کے لیے خالی جگہ درکار ہے، اور calc(100% - 20px) اس کے ہٹتے ہی کام کرنا چھوڑ دیتا ہے۔ جمع یا منفی کے نشان کے گرد کچھ نہیں چھیڑا جاتا۔
  • نہ کوئی ترتیب بدلتی ہے نہ کچھ ملایا جاتا ہے: نقل اصول نقل ہی رہتے ہیں، مختصر صورتیں گاڑھی نہیں کی جاتیں اور خصوصیات ترتیب نہیں دی جاتیں۔ یہ کام مکمل پروسیسر کرتا ہے، اور ان میں سے ہر ایک کے ساتھ ایسا خطرہ جڑا ہے جو یہ مول نہیں لیتا۔
  • url() کا مواد محفوظ رہتا ہے: بغیر واوین والے URL میں ایسے حروف آ سکتے ہیں جو ورنہ ساخت جیسے لگیں، اس لیے اسے پورا کا پورا الگ رکھ لیا جاتا ہے۔
  • بچت معمولی مگر محفوظ ہے: تبصروں اور وقفہ بندی کے حجم جتنی توقع رکھیں۔ اصل CSS پروسیسر والا بلڈ پائپ لائن اس سے بہتر کرے گا، اور یہ ایسی فائل کے لیے ہے جس کے پاس کوئی نہ ہو۔

Why a stylesheet gets scanned rather than blanket-replaced

A stylesheet contains strings, and a minifier that does not know that will happily collapse whitespace sitting inside a quoted value or a `url()`. The [msm_tool slug="css-minifier"] sets both aside before anything is touched and restores them afterwards, so a comment-like sequence written inside a `content` value stays exactly as written rather than being misread as a real comment.

calc() keeps every one of its spaces

The arithmetic operators inside `calc()` need surrounding whitespace to parse at all — `calc(100% - 20px)` stops working the instant those spaces disappear. Nothing around a plus or minus sign inside a `calc()` expression is touched, specifically because that particular whitespace is not decorative.

Nothing is reordered, merged or condensed

Duplicate rules stay duplicated, shorthand properties are not combined, and declarations are not sorted or restructured in any way. Those transformations are what a full CSS processor does, and each one carries a risk of changing what the stylesheet actually means — a risk this tool deliberately does not take on.

url() contents come through whole

An unquoted URL can contain characters that would otherwise look like structural punctuation to a naive scanner, so the entire `url()` value is set aside and restored untouched rather than being parsed as ordinary CSS text.

Licence comments survive on purpose

A comment starting with an exclamation mark is kept rather than stripped, following the same convention used for licence headers elsewhere — every other comment is removed, but this specific exception is deliberate rather than an oversight.

What kind of saving to actually expect

The reduction here is roughly the size of the comments and the indentation that were removed, not the deeper savings a dedicated build-time CSS processor achieves through restructuring. For a file with no processing pipeline behind it, that modest, safe reduction is the entire point.

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

خاص طور پر CSS مِنی فائر ٹول کے بارے میں۔ اس زمرے سے متعلق عمومی سوالات کے جواب زمرے کے صفحے پر موجود ہیں۔

ایسا نہیں ہونا چاہیے۔ سٹرنگز، url() کی قدریں اور calc() کا حساب سب پہچانے اور برقرار رکھے جاتے ہیں، اور یہی وہ جگہیں ہیں جہاں سادہ minifier غلطی کرتے ہیں۔
علامتِ استعجاب سے شروع ہونے والا تبصرہ روایتاً لائسنس کی سرخی ہوتا ہے، اور minifier سے توقع کی جاتی ہے کہ وہ انہیں اپنی جگہ چھوڑ دے۔
نہیں۔ نہ کوئی ترتیب بدلتی ہے، نہ کچھ ملایا یا گاڑھا کیا جاتا ہے۔ یہی وہ تبدیلیاں ہیں جو خطرہ رکھتی ہیں، اور یہ ان کی کوشش نہیں کرتا۔
کیونکہ اسے بچنا ہی تھا۔ آپریٹروں کو پڑھے جانے کے لیے خالی جگہ چاہیے، اس لیے جمع یا منفی کے نشان کے گرد کچھ نہیں چھیڑا جاتا۔
تقریباً اپنے تبصروں اور وقفہ بندی کے حجم جتنی۔ بلڈ پائپ لائن میں موجود مخصوص CSS پروسیسر اس سے بہتر کرے گا۔

نئے ٹولز، خصوصیات اور کارکردگی بڑھانے کے مشوروں کی اطلاع پانے کے لیے سبسکرائب کریں۔