Developer🌐 سيرفر YASمتاح عبر APIbeginner

مصغّر CSS

يضغط ويقلص حجم ملفات وأكواد CSS بحذف المسافات والتعليقات والأسطر الزائدة لتحسين سرعة التحميل.

معالجة عبر YAS · لا يتم تخزين المدخلات

جاهز للاستخدام الفوريمعالجة فورية فائقة السرعة

كل الأدوات →

CSS

Loading tool…

إيه اللي الأداة دي بتعمله؟

يضغط ويقلص حجم ملفات وأكواد CSS بحذف المسافات والتعليقات والأسطر الزائدة لتحسين سرعة التحميل.

إمتى أستخدمها؟

تسريع زمن تحميل صفحات الموقع وتحسين مؤشرات الأداء Core Web Vitals في Google.
تقليل استهلاك بيانات النطاق الترددي (Bandwidth) للخوادم والمستخدمين.
تجهيز ملفات التنسيق لمرحلة الإنتاج النهائي (Production Deployment).

مثال واقعي

الإدخال

body {
  margin: 0;
  padding: 0;
  color: #ffffff;
}

الناتج

body{margin:0;padding:0;color:#fff}

يتم اختصار قيم الألوان وحذف المسافات دون أي تغيير في المظهر.

إدخال → معالجة → ناتج → الخطوة التالية

الإدخال: الصق كود CSS في المحرر.
المعالجة: يقوم المحرك بإزالة التعليقات والمسافات الزائدة واختصار الألوان وقيم الأبعاد.
الناتج: كود CSS مضغوط بأصغر حجم ممكن مع عرض نسبة التوفير في الحجم.
الخطوة التالية: احفظ الكود المضغوط في ملف .min.css واستخدمه في موقعك الإنتاجي.

أخطاء شائعة

ضغط كود CSS يحتوي على أخطاء نحوية مسبقة (مثل نسيان الفاصلة المنقوطة).
توقع تصحيح أخطاء التوافق بين المتصفحات تلقائياً (الأداة تضغط فقط ولا تضيف بادئات Vendor prefixes).
استبدال ملف التطوير الأصلي بالملف المضغوط دون الاحتفاظ بنسخة قابلة للتعديل.

يعني إيه النتيجة

كود CSS وظيفي متطابق تماماً بنسبة 100% ولكن بأصغر حجم ملف ممكن لتحقيق أقصى سرعة.

الخصوصية والأمان

Your input is sent to YAS infrastructure because the tool requires server-side processing or public network queries. Input is not stored.

API

Endpoint

POST https://yas.sh/api/v1/tools/css-minifier

Request Header

Content-Type: application/json

cURL

curl -X POST "https://yas.sh/api/v1/tools/css-minifier" \
  -H "Content-Type: application/json" \
  -d '{"input":"body { color: red; }","mode":"minify"}'

JavaScript

const res = await fetch("https://yas.sh/api/v1/tools/css-minifier", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
  "input": "body { color: red; }",
  "mode": "minify"
}),
});
const data = await res.json();

Python

import requests

r = requests.post("https://yas.sh/api/v1/tools/css-minifier", json={"input":"body { color: red; }","mode":"minify"})
data = r.json()

Field	Type	Required	Description
input	string	Yes	CSS text
mode	string	No (default minify)	minify \| beautify

Success response

{ "result": "body{color:red}", "mode": "minify", "savings": 9 }

Minify or beautify CSS (mode: minify | beautify).

Error responses

400 VALIDATION_ERROR — invalid input or unsupported option.
413 PAYLOAD_TOO_LARGE — input exceeds the 64 KB limit.
429 RATE_LIMIT_EXCEEDED — rate limit exceeded (60 req/min).

Limits

Maximum input: 64 KB per request.
Rate limit: 60 requests/min per IP address.
Authenticated accounts benefit from higher tier quotas.

أدوات مرتبطة

Markdown ← HTML تهريب HTML منسّق SQL