تحسين الصورة

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

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

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

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

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

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

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

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

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