ضغط الصور: كيف يقل الحجم دون أن تتغير الأبعاد؟

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

الضغط بفقد (Lossy) مقابل الضغط بدون فقد (Lossless)

في الضغط بدون فقد (Lossless)، تُعاد هيكلة البيانات وإزالة المعلومات الوصفية غير الضرورية (EXIF، بيانات الكاميرا والعدسة) وضغط جدول البكسلات تمامًا كما تفعل ملفات ZIP دون حذف أي بكسل أصلي. هذا النوع ممتاز للحفظ الأرشيفي والرسومات الدقيقة، لكن نسبة التوفير فيه محدودة (غالبًا 5% إلى 20%).

في المقابل، يعتمد الضغط بفقد (Lossy) — وهو المستخدم في صيغ JPEG و WebP وأداة أدواتي — على طبيعة الرؤية البشرية؛ إذ إن العين شديدة الحساسية للتغير في درجات السطوع (Luminance) ولكنها أقل حساسية للتغيرات الدقيقة في تدرجات الألوان (Chrominance). يقوم المحرك بفصل السطوع عن اللون وإلغاء الترددات اللونية العالية المتناهية في الصغر، مما يحقق خفضًا هائلاً في حجم الملف يصل إلى 70% أو 80% دون أن تلحظ العين المجردة أي فرق.

لماذا WebP هي الصيغة المثالية لضغط صور الويب؟

صُممت صيغة WebP خصيصًا لتجاوز قيود JPEG التاريخية؛ فهي تعتمد على التنبؤ المكاني بالبكسلات (Spatial Prediction) المشتق من ترميز الفيديو VP8، مما يسمح بضغط الكتل المتجاورة بكفاءة استثنائية. بالإضافة إلى ذلك، تدعم WebP شفافية ألفا بدقة عالية مثل PNG ولكن بحجم أصغر بنحو 60% إلى 80%، كما أنها مدعومة رسميًا في كافة المتصفحات العالمية اليوم.

كيف تختار معدل الجودة (Quality Factor) المتوازن؟

لا يوجد رقم جودة وحيد يصلح كمعيار ثابت لكافة الصور؛ فاختيار القيمة المثلى يعتمد على طبيعة المحتوى البصري (صورة طبيعية مقابل رسم بياني أو نص) والصيغة المستهدفة (WebP مقابل JPEG):

• جودة 75% - 85%: نطاق تجريبي شائع لصور الويب الفوتوغرافية، يوازن بين خفض الحجم والحفاظ على التفاصيل للعين المجردة في معظم المشاهد الطبيعية.
• جودة 85% - 92%: موصى بها للصور التي تحتوي على خطوط حادة، وتدرجات لونية ناعمة، أو تفاصيل هندسية دقيقة لتفادي تشوهات الحواف.
• جودة 60% - 70%: خيار مناسب للصور الثانوية في المدونات أو المتاجر ذات المحتوى البصري الكثيف عندما تكون أولوية الصفحة هي سرعة التحميل القصوى على شبكات الجوال.
• أقل من 60%: تظهر غالبًا تشوهات كتلية (Block Artifacts) وضبابية ملحوظة حول الحواف؛ وتُستخدم عادة للصور المصغرة جدًا (Thumbnails).

ظاهرة خسارة الجيل (Generation Loss): لا تكرر ضغط الصورة

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

لماذا قد يزيد حجم الصورة بعد «ضغطها» أحيانًا؟

إذا كانت الصورة التي أدخلتها مضغوطة بشدة مسبقًا بدقة منخفضة (مثل صورة منقولة عبر واتساب بجودة 40%)، وقمت بطلب ضغطها بمعدل جودة 85%، فإن المتصفح سيحاول ترميز البكسلات بتوزيع لوني أنعم، مما قد ينتج ملفًا جديدًا أكبر حجمًا من الملف المتدهور الأصلي! إذا لاحظت ذلك في بطاقة النتائج، فهذا يعني أن صورتك قد بلغت أقصى ضغط ممكن ويجب الإبقاء عليها كما هي.