ForHosting KIT · البيانات والملفات: تحويل وتنظيف

اضغط ملف CSS بلا كسر التنسيق

أداة تُصغّر ملف CSS بحذف المسافات والأسطر الفارغة والتعليقات، دون أي تغيير في شكل الصفحة أو سلوكها. تلصق الكود فتحصل على نسخة مضغوطة جاهزة للنشر خلال ثوانٍ، وتعمل داخل متصفحك مباشرة دون رفع الملف إلى أي خادم. تناسب أصحاب المواقع والمطورين الباحثين عن تحميل أسرع دون تعديل يدوي مرهق.

● مستقرةمجاني · داخل متصفحك

شغّل الأداة مجانًا اطّلع على الـAPI

استخدمها من الويبAPIالبريدالتطبيق قريبًاTelegram قريبًا

لماذا يُحدث حجم CSS فرقًا حقيقيًا

يدخل أغلب زوار المواقع في الخليج والعالم العربي من الجوال، غالبًا عبر شبكة جيل رابع ليست دائمًا مستقرة. وملف CSS يوقف عرض الصفحة: لا يرسم المتصفح شيئًا قبل تحميله كاملًا، فكل كيلوبايت زائد فيه يعني تأخيرًا إضافيًا قبل ظهور أول عنصر على الشاشة. وتقارير أدوات مثل PageSpeed Insights تشير إلى هذه النقطة صراحة، ويرفع تصغير الملف نتيجة سرعة الموقع بوضوح. الأمر لا يحتاج إعادة بناء الموقع؛ نقرة واحدة تكفي لخفض الحجم دون أي أثر بصري يلاحظه الزائر.

ما الذي يُحذف وما الذي يبقى كما هو

يزيل المُصغِّر كل ما وُضع لراحة القراءة البشرية فقط: المسافات، الأسطر الفارغة، والتعليقات داخل الكود. أما القواعد والمحدِّدات والقيم فتبقى كما هي تمامًا، فلا يتغيّر مظهر الصفحة قطّ. هذا يختلف عن ضغط الخادم مثل gzip: الاثنان يتكاملان، وملف مُصغَّر ثم مضغوط من الخادم يصل للزائر أصغر بكثير مما لو استُخدمت إحدى الطريقتين وحدها. احتفظ دائمًا بنسخة الكود الأصلية المُعلَّقة للعمل عليها لاحقًا؛ النسخة المصغَّرة هي فقط ما يُنشر على الموقع النهائي.

الاستخدام من الصفحة مباشرة

الصق كود CSS في المربع، شغّل الأداة، وانسخ النتيجة أو نزّلها مباشرة. تجري المعالجة كاملة داخل متصفحك: لا يغادر الكود جهازك أصلًا، ولا حدّ لعدد المرات، ولا حاجة لأي تسجيل. تعمل من الحاسوب أو الجوال بالطريقة نفسها. نصيحة عملية: صغّر دائمًا من نسخة التطوير المُعلَّقة، وراجع الصفحات الرئيسية بعد النشر — ليس لأن التصغير يغيّر شيئًا، بل لأن المراجعة جزء من أي نشر منضبط.

الأتمتة عبر الـAPI لمن ينشر بانتظام

من ينشر مواقع أو صفحات هبوط بانتظام يحتاج تصغير الكود ضمن مسار عمل آلي لا نسخًا يدويًا كل مرة. نفس الأداة متاحة عبر الـAPI: يُرسل ملف CSS بحجم يصل حتى 25 MB، وتعود النسخة المصغَّرة بسعر ثابت قدره $0.002 للطلب الواحد، دون اشتراك شهري أو حزمة مسبقة. خيار طبيعي لوكالة تنشر عشرات مواقع العملاء أسبوعيًا، أو نظام يولّد أنماطًا ديناميكيًا ويريد تسليم النسخة الخفيفة دائمًا.

حالات الاستخدام

متجر إلكتروني قبل حملة تسويقية

يلاحظ فريق متجر إلكتروني تراجع نتيجة السرعة بعد تجديد تصميم الموقع. قبل أي تعديل أكبر، يصغّرون ملف CSS الخاص بالقالب ويستعيدون جزءًا من ثواني التحميل، في الأسبوع نفسه الذي تبدأ فيه حملة العروض.

مستقل يسلّم موقع عميل

يدير خالد العتيبي مواقع تعريفية لعدة محال صغيرة دون أدوات بناء في المشروع. يعدّل ملف style.css المُعلَّق، ثم يلصقه هنا عند النشر ويرفع النسخة المصغَّرة إلى الاستضافة.

وكالة تنشر عشرات الصفحات شهريًا

تنشر شركة الخليج الرقمية عشرات صفحات الهبوط كل شهر. ضمن سكربت النشر، يمر كل ملف CSS عبر الـAPI قبل الظهور مباشرة: سعر معلن لكل ملف، ونتيجة أفضل في اختبارات السرعة دون خطوة يدوية واحدة.

قالب ووردبريس عُدِّل يدويًا

تضيف نورة القحطاني تنسيقات إضافية إلى ملف CSS الخاص بقالب مدونتها، فيكبر حجمه مع الوقت. تلصق محتواه في الأداة لإزالة المسافات والتعليقات المتراكمة، ثم تعيد الكود النظيف إلى لوحة ووردبريس.

الأسئلة الشائعة

هل ضغط CSS هنا مجاني فعلًا؟

نعم، داخل المتصفح الاستخدام مجاني بلا حدّ وبلا تسجيل. المدفوع فقط هو الاستخدام عبر الـAPI، بسعر معلن قدره $0.002 للطلب الواحد.

هل يُرسل كودي إلى أي خادم؟

لا. عند استخدام الأداة من هذه الصفحة، يجري التصغير بالكامل داخل متصفحك ولا يغادر الكود جهازك. فقط عبر الـAPI ينتقل الملف، لأن المعالجة تتم من طرفنا حينها.

هل يمكن أن يكسر التصغير تنسيق الموقع؟

إذا كان الكود الأصلي صحيحًا، فالنتيجة مطابقة بصريًا تمامًا: يُحذف فقط ما لا يؤثر على العرض. أما كود يحتوي خطأ في الصياغة فقد لا يُصغَّر كما يجب، لذا يُستحسن التحقق منه أولًا.

هل يعمل مع Sass أو Less؟

تُصغّر الأداة كود CSS الجاهز. إن كنت تكتب بـSass أو Less، حوّله إلى CSS أولًا ثم صغّر الناتج، فهو ما يصل فعليًا إلى متصفح الزائر.

كم تبلغ تكلفة تصغير عدد كبير من الملفات؟

$0.002 لكل طلب عبر الـAPI، بغضّ النظر عن حجم الملف حتى 25 ميغابايت، دون حد أدنى للاستخدام أو رسوم شهرية.

هل توجد نسخة تحتفظ بالتعليقات لأغراض التوثيق؟

لا، تحذف الأداة التعليقات ضمن عملية التصغير دائمًا. يُنصح بالاحتفاظ بنسخة الكود الأصلية المُعلَّقة في مستودعك الخاص للعودة إليها عند الحاجة.

للمطوّرين — الوصول عبر API

كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.

الـEndpoint

POSThttps://api.kit.forhosting.com/data/css-minify

صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.

استدعِ الخدمة من بيئتك

curl -X POST https://api.kit.forhosting.com/data/css-minify \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"input":"…"}'

const res = await fetch("https://api.kit.forhosting.com/data/css-minify", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "input": "…"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/data/css-minify",
    headers={"Authorization": f"Bearer {os.environ[&#39;KIT_KEY']}"},
    json={
    "input": "…"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/data/css-minify", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => &#39;{"input":"…"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"input":"…"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/data/css-minify", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

مثال على الطلب

{
  "input": "…"
}

مثال على الاستجابة

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "data.css_minify",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.

الأسعار

لكل طلب$0.002

السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.

الحدود

max_mb 25

الأخطاء

HTTP	الرمز	المعنى
`401`	`unauthorized`	مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك.
`402`	`insufficient_balance`	رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة.
`404`	`unknown_type`	نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب.
`429`	`rate_limited`	تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة.

اطّلع على توثيق KIT الكامل ←

شغّل الأداة مجانًا