كيفية ضغط الصور للويب (بدون فقدان جودة ملحوظة)

تم التحديث 2025-09-0121 كلمة • 1m قراءة

دليل عملي لتقليل حجم صور JPG وPNG وWebP مع الحفاظ على الحدة وتحسين مؤشرات Core Web Vitals.

1. لماذا نضغط الصور؟

حجم الصور يؤثر بشكل كبير على LCP وسرعة التحميل. تقليل الحجم يحسن الأداء وتجربة المستخدم و SEO.

2. الصيغ الموصى بها

  • WebP: توازن ممتاز بين الجودة والحجم.
  • JPEG: للصور المعقدة (جودة 75–85).
  • PNG: للشفافية الدقيقة فقط.

3. سير العمل المقترح

  1. تغيير الحجم إلى العرض الفعلي المطلوب.
  2. التحويل إلى WebP إن كان مناسباً.
  3. ضبط الجودة تدريجياً مع فحص النتائج.

4. نطاقات جودة عملية

النوعالجودةملاحظات
صور فوتوغرافية80توازن
رسومات75تحقق من التدرجات
أيقونات / واجهةWebP @ 70عادة كافٍ

5. تجنب فقدان ملحوظ

  • مقارنة جنباً إلى جنب.
  • مراجعة القطاعات والشرائط اللونية.
  • زيادة 5% إذ�� ظهرت عيوب.

6. سير عمل Orqui

  1. تغيير الحجم
  2. تحويل
  3. ضغط محسّن

7. قائمة التحقق

  • < 250KB للصور الرئيسية / 100KB للصور المضمنة.
  • لا أبعاد زائدة.
  • صيغة حديثة متاحة.
  • لا عيوب مرئية.

مقالات ذات صلة

لغات أخرى

أسئلة شائعة

  • لماذا أضغط الصور؟
    لتقليل البايتات، تحسين LCP، تسريع التجربة ورفع الأداء ونتائج البحث.
  • ما إعداد الجودة المناسب؟
    ابدأ 80 للصور الفوتوغرافية و 75 للرسوم وارفَع قليلاً إن ظهرت عيوب.

مجموع التحويلات (تحويل، تحسين، تغيير حجم، قص، إزالة خلفية). حد زيادة واحد كل 5 ثوانٍ لكل مستخدم.