استوديو CSS المرئي
ولّد تدرجات وظلال وحدودًا دائرية وتحويلات ثلاثية الأبعاد بصريًا.
استوديو تصغير الأكواد يستخدم محلل Terser لتصغير JavaScript مع الحفاظ على الدلالات، ويوفر تصغيرًا آمنًا لـCSS وHTML وSQL. كما يعرض ميزانية الأداء: حجم الملف الخام، وحجمه بعد GZIP وDEFLATE، حتى تعرف ما سيصل فعليًا إلى المستخدم.
صغّر JavaScript وCSS وHTML وSQL، وقِس أثر GZIP على الحجم.
مساحة العمل أدناه هي الأداة الحقيقية. لا تزال بعض تسميات الضوابط المتخصصة جدًا قيد الترجمة؛ أما المعرفات التقنية والصيغ والأكواد فتبقى دائمًا بصيغتها القياسية.
انتقل للأسفل إلى الدليل العربي الكامل وخطوات الاستخدام والأسئلة الشائعة.
استوديو تصغير الأكواد يستخدم محلل Terser لتصغير JavaScript مع الحفاظ على الدلالات، ويوفر تصغيرًا آمنًا لـCSS وHTML وSQL. كما يعرض ميزانية الأداء: حجم الملف الخام، وحجمه بعد GZIP وDEFLATE، حتى تعرف ما سيصل فعليًا إلى المستخدم.
يضم هذا الاستوديو 2 مساحات عمل تغطي المهام المتقاربة، ويمكنك التنقل بينها دون مغادرة الصفحة أو إعادة رفع مدخلاتك في كل مرة.
تصغير JavaScript عبر Terser وتصغير آمن لـCSS وHTML وSQL مع عرض الناتج.
مقارنة الحجم الأصلي والمصغّر وحجم GZIP وDEFLATE لتقدير أثر التحميل.
افتح استوديو تصغير الأكواد واختر من 2 مساحات عمل الوضع الذي يطابق مهمتك: تصغير JS وCSS وHTML وSQL أو ميزانية أداء Terser وGZIP وDEFLATE.
أدخل كود JavaScript أو CSS أو HTML أو SQL مباشرة في الصفحة، ثم اختيار نوع الكود وخيارات التصغير. لا حاجة لإنشاء حساب أو رفع الملفات إلى خادم.
راجع كود مصغّر وتقرير بالأحجام في المعاينة، ثم انسخه أو نزّله. إذا لم تكن النتيجة كما توقعت، عدّل الإعدادات وأعد المحاولة.
التصغير لا يصلح الأكواد غير الصالحة نحويًا، وبعض التحولات العدوانية قد تغيّر السلوك في حالات نادرة؛ اختبر الناتج قبل نشره في الإنتاج.
تعتمد النتائج على دعم متصفحك لواجهات الويب مثل Canvas وWeb Audio وWeb Crypto وWebAssembly. قد تكون الملفات الكبيرة جدًا بطيئة أو تتجاوز حدود ذاكرة المتصفح. ولا يمكن لأي أداة في هذا الموقع ضمان نسبة ضغط محددة، أو استعادة الملفات التالفة، أو دعم كل تفريعات صيغة ملف معيّنة.
تسميات الضوابط الظاهرة هنا هي واجهة المنتج الأصلية. نُبقي الأسماء التقنية (JSON وPDF وSVG وWebP وJWT…) بصيغتها المعيارية عن قصد.
قد يحدث ذلك إذا كان الكود يعتمد على eval أو على قراءة أسماء المتغيرات من نص الخطأ. عطّل خيارات تغيير الأسماء عند التعامل مع مثل هذه الحالات واختبر الناتج دائمًا.
لأن الخادم يضغط الملف عند الإرسال. حجم GZIP هو التقريب الأقرب لما ينقله المتصفح فعليًا عبر الشبكة، ولذلك يعرضه الاستوديو إلى جانب الحجم الخام.
لا. يعمل استوديو تصغير الأكواد داخل ذاكرة متصفحك؛ تُقرأ المدخلات محليًا وتظهر النتائج في الصفحة نفسها دون إرسالها إلى خادم معالجة.
نعم على المتصفحات الحديثة، لكن بعض مساحات العمل تحتاج شاشة أكبر لعرض الجداول أو المعاينات براحة. التصغير لا يصلح الأكواد غير الصالحة نحويًا، وبعض التحولات العدوانية قد تغيّر السلوك في حالات نادرة؛ اختبر الناتج قبل نشره في الإنتاج.
ولّد تدرجات وظلال وحدودًا دائرية وتحويلات ثلاثية الأبعاد بصريًا.
ابنِ تخطيطات Grid وFlexbox بصريًا، وولّد خطوطًا مرنة بـclamp().
قارن نصوصًا وملفات JSON، وولّد ملفات patch بصيغ Unified وRFC 6902.
حوّل cURL إلى كود، وابنِ ترويسات CSP وCORS، وافحص التحويلات.