Tỷ lệ nén ảnh: Hướng dẫn chất lượng và kích thước

التاريخ آخر تحديث: June 27, 2026

تُعد سعة 200KB هدفًا سخيًا — فمعظم صور الأبطال على الويب ومرفقات البريد الإلكتروني تتناسب بشكل مريح تحت هذا الحد. الطريقة الموثوقة هي نفسها المستخدمة للأهداف الأكثر صرامة: قم بتغيير الحجم أولاً ليطابق حجم العرض، ثم قم بالترميز إلى WebP أو JPEG. يوضح هذا الدليل المسار الذي اتبعته باستخدام الأحجام الفعلية للملفات التي قمت بقياسها على صورة مصدر تبلغ 597 KB.

إجابة سريعة: كيف تقوم بضغط صورة لتكون أقل من 200KB؟

قم بتغيير حجم الصورة إلى عرض العرض الخاص بها (عادةً ما يتراوح بين 1600–1920px لصورة البطل)، ثم قم بالترميز كـ WebP. على الصورة التجريبية، أدى تغيير الحجم إلى 1600px والترميز بـ WebP بجودة 75 إلى ملف بحجم 159 KB — وهو أقل من 200KB دون فقدان مرئي للجودة عند حجم المشاهدة العادي.

لمعرفة الأساس المنطقي لتنسيق هذه الأرقام، راجع مقارنة AVIF مقابل WebP مقابل JPEG.

لماذا لا يساعد إعادة ترميز JPEG بالكاد؟

نقطة دقيقة ولكنها مهمة: يمكن أن يؤدي إعادة ترميز صورة JPEG مضغوطة بالفعل وبجودة مماثلة إلى إنتاج ملف أكبر، وليس أصغر. كان المصدر التجريبي عبارة عن JPEG بحجم 597 KB؛ وأدى إعادة الترميز بجودة 85 إلى إنتاج 637 KB، لأن المُرمِّز يعيد تطبيق الضغط على البيانات التي تحتوي بالفعل على تشوهات دون إزالة التشوهات الأصلية.

يأتي تقليل الحجم بالكامل تقريباً من تغيير الحجم، مع إضافة WebP لتوفير إضافي:

هذا هو نفس الدرس المستفاد من دليل تغيير الحجم بالدفعة: قم بتغيير الحجم قبل الضغط، وقم بتبديل التنسيق للحصول على التوفير الإضافي.

الطريقة 1: ضاغط المتصفح (Browser compressor)

لصورة واحدة، استخدم Imagic AI Image Compressor: قم بتحميل الصورة، وقم بتغيير حجمها إلى عرض العرض (1600–1920px لصورة البطل)، واختر WebP، واضبط الجودة حول 75، وقم بالتنزيل بمجرد أن يصبح الحجم المُبلغ عنه أقل من 200KB. للحصول على تحكم بصري دقيق، يعرض Squoosh حجم الإخراج مباشرةً.

الطريقة 2: WebP عبر سطر الأوامر (command line)

يصل WebP إلى هدف 200KB بجودة أعلى من JPEG، لذا فهو الخيار الافتراضي الصحيح للويب.

## تغيير الحجم إلى عرض 1600px، ترميز WebP بجودة 75
cwebp -q 75 -resize 1600 0 input.jpg -o hero.webp

لمجلد من الصور، اكتب في مجلد الإخراج:

mkdir -p out
for f in *.jpg; do cwebp -q 75 -resize 1600 0 "$f" -o "out/${f%.jpg}.webp"; done

الطريقة 3: Python مع ضمان الحجم

عند فرض حد 200KB (بعض عملاء البريد الإلكتروني وتحميلات CMS)، قم بتخفيض الجودة بشكل تكراري حتى يتناسب الملف، بعد تغيير الحجم أولاً:

from PIL import Image
from pathlib import Path

def to_under_target(src: Path, dest: Path, target_kb: int = 200, width: int = 1600):
    with Image.open(src) as img:
        if img.width > width:
            ratio = width / img.width
            img = img.resize((width, int(img.height * ratio)), Image.LANCZOS)
        quality = 85
        while quality >= 30:
            img.save(dest, "WebP", quality=quality)
            if dest.stat().st_size <= target_kb * 1024:
                return dest.stat().st_size / 1024
            quality -= 5
    return dest.stat().st_size / 1024

print(to_under_target(Path("photo.jpg"), Path("out.webp"), target_kb=200))

كيف تؤثر صورة بحجم 200KB على سرعة الصفحة؟

تندرج صورة البطل الواحدة بحجم 200KB ضمن ميزانية Core Web Vitals الخاصة بـ Largest Contentful Paint (LCP)، ولهذا السبب يُعد 200KB سقفًا غير رسمي شائع لصور الأبطال. الخطر ليس في صورة واحدة بل في المجموع: مقالة مدونة تحتوي على ثماني صور مضمنة بحجم 200KB هي 1.6 MB من الصور، وهو ما يسيطر على وقت التحميل عبر اتصال الهاتف المحمول. القاعدة العملية هي إبقاء بطل LCP أقل من 200KB وجعل الصور تحت الطية أصغر (انظر دليل أقل من 100KB وأقل من 50KB للأهداف الأكثر صرامة).

البريد الإلكتروني قيد مختلف. غالبًا ما تحجب عملاء البريد الإلكتروني الصور الخارجية حتى ينقر المستخدم، وقد تقوم بعضها بإعادة ضغط أو تجاهل WebP. بالنسبة للبريد الإلكتروني، فإن JPEG بالحجم المستهدف هو التنسيق الآمن، ويحافظ 200KB على سرعة الرسالة في التنزيل عبر شبكة الهاتف المحمول — وهو أمر مهم لأن العديد من المستلمين يفتحون البريد الإلكتروني على الهواتف. يغطي إرشادات Core Web Vitals الخاصة بجوجل جانب LCP؛ أما عرض البريد الإلكتروني فيخضع لغرائب كل عميل، لذا اختبر في عدد قليل من العملاء قبل الإرسال.

ماذا لو لم تتمكن من الوصول إلى أقل من 200KB؟

إذا ظلت عملية تغيير الحجم والترميز بـ WebP أعلى من 200KB، فهذا يعني أن المصدر مفصل أو كبير بشكل غير عادي. اعمل على هذه الخطوات بالترتيب:

• غيّر الحجم إلى أصغر. غالبًا ما يزيل التخفيض من 1920px إلى 1600px أو 1200px آخر 30–50KB دون فقدان مرئي عند مسافة المشاهدة العادية.
• خفض جودة WebP إلى 65. تحت هذا المستوى، تبدأ التشوهات في الظهور على التدرجات السلسة والجلد.
• التحول إلى AVIF، وهو أصغر بنسبة 20–30% من WebP عند الجودة المطابقة — ولكنه يخدم المتصفحات الحديثة فقط، لذا احتفظ بـ WebP و JPEG كخيارات احتياطية.
• قبول الملف الذي يتجاوز 200KB إذا كانت الصورة هي صورة بطل بجودة طباعة حيث تكون التفاصيل أكثر أهمية من الهدف بالبايت. ليس كل صورة يجب أن تصل إلى نفس الرقم.

قد لا يتم ضغط صورة منظر طبيعي بحجم 6000px ذات أوراق شجر دقيقة فعليًا إلى 200KB دون فقدان مرئي. في هذه الحالة، فإن الإجابة الصادقة هي تغيير حجمها لتطابق حجم العرض الفعلي، وهو أصغر دائمًا مما تتخيل.

ما هو عرض تغيير الحجم الذي يجب أن تختاره؟

حجم العرض. سعة 200KB سخية، لذا يمكنك الاحتفاظ بمزيد من البيكسلات مما لو كانت الأهداف أكثر صرامة:

قم بالتصدير عند حوالي 1.5–2× عرض العرض للحصول على حدة عالية DPI.

الأخطاء الشائعة

• إعادة ترميز JPEG مضغوط بالفعل. غالبًا ما يزيد ذلك من حجم الملف. قم بتغيير الحجم + تبديل التنسيق بدلاً من ذلك.
• تخطي تغيير الحجم. صورة بحجم 4000px بجودة JPEG q60 لا تزال تنزيلًا بحجم 4000px.
• نسيان عملاء البريد الإلكتروني. يقوم بعضها بإزالة WebP؛ بالنسبة للبريد الإلكتروني، فإن JPEG بالحجم المستهدف هو الخيار الآمن.
• الاحتفاظ بـ EXIF. قم بإزالة البيانات الوصفية للويب/البريد الإلكتروني — وهي جزء ذو مغزى من ملف بحجم 200KB.

قائمة التحقق النهائية قبل التصدير

• قم بتغيير حجم ملفات الكاميرا كبيرة الحجم قبل لمس شريط تمرير الجودة.
• استخدم WebP لتوصيل الويب و JPEG لتوافق البريد الإلكتروني.
• حافظ على صور الأبطال بالقرب من عرضها المعروض الفعلي.
• أزل البيانات الوصفية ما لم تتطلب سير العمل EXIF.
• أعد فتح الملف المُصدَّر وتأكد من أنه أقل من 200KB.

الأسئلة المتداولة

هل 200KB صغير بما يكفي لبطل الويب؟

عادةً. بطل WebP بحجم 1600–1920px وبجودة q70–75 يصل عادةً إلى 150–200KB ويبدو حادًا. إذا كان البطل الخاص بك أكبر، قم بتغيير الحجم إلى أصغر أو خفض الجودة إلى 65.

JPEG أم WebP لهدف 200KB؟

WebP لصفحات الويب (أصغر بنفس الجودة)؛ وJPEG للبريد الإلكتروني، حيث يكون دعم العميل أوسع. احتفظ بـ JPEG كخيار احتياطي في عنصر <picture> لحالة الويب.

هل يمكنني إرسال صورة بحجم 200KB عبر البريد الإلكتروني؟

نعم — تقبل معظم عملاء البريد الإلكتروني الصور حتى حوالي ~1MB مضمنة. يعد 200KB مريحًا ويحافظ على سرعة تحميل الرسالة.

كيف أحصل على صورة أقل من 200KB؟

قم بتغيير الحجم إلى أبعاد العرض أولاً (أكبر توفير للبايت)، ثم قم بالتحويل إلى WebP وضغطها بجودة 80. إذا كانت لا تزال أكثر من 200KB، قلل الأبعاد أكثر. إعادة ترميز JPEG بجودة أقل بمفردها لا تساعد بالكاد لأن عدد البيكسلات لم يتغير — غيّر الحجم أولاً، ثم اضغط.

هل تغيير الحجم أم الضغط يوفر المزيد من البايت؟

تغيير الحجم، بفارق كبير. إزالة البيكسلات تقطع البيانات التي يخزنها المُرمِّز؛ بينما خفض الجودة يضغط كل بكسل بقوة أكبر. قد تظل صورة بحجم 4000px بجودة 70 أكثر من 200KB، في حين أن نفس الصورة بعد تغيير حجمها إلى 1200px بجودة 80 تصل بسهولة إلى أقل من ذلك. قم دائمًا بتغيير الحجم أولاً ليطابق أبعاد العرض.

هل 200KB صغير بما يكفي للويب؟

لصورة محتوى واحدة، نعم — يتم تحميلها بسرعة وتحافظ على خفة الصفحة. يحافظ بطل بحجم أقل من 200KB على صحة LCP. بالنسبة لصفحة بها العديد من الصور، اجعل كل صورة صغيرة وقم بتحميل تلك الموجودة تحت الطية بشكل كسول. راجع دليل سرعة الويب.

هل يتفوق WebP على JPEG عند 200KB؟

نعم — WebP أصغر بنسبة 25 إلى 35 بالمائة بنفس الجودة، لذا يصل إلى 200KB بجودة أعلى مما يفعله JPEG. استخدم WebP لتوصيل الويب واحتفظ بـ JPEG فقط كخيار احتياطي، يتم تقديمه عبر عنصر <picture> ليختار المتصفح المناسب.

لماذا لا يساعد الضغط بالجودة وحدها بالكاد؟

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

حقوق الصور (Image credits)

• مقارنة مسار الضغط، قبل/بعد، ومخطط الحجم — تم إنشاؤه بواسطة المؤلف من صورة منظر طبيعي (Pexels #1287145، الصورة بواسطة eberhard grossgasteiger) لإظهار أحجام الملفات المقاسة الفعلية لهدف 200KB.