SEO GROWTH ASSISTANT

الحفاظ على جودة الصور مع تقليل حجم النقل

قارن بدائل الصورة في حجم عرضها المقصود، واحفظ التفاصيل الضرورية، وتحقق من الملف الذي يتلقاه المتصفح فعلًا.

في هذا الدليل
  1. حدد التفاصيل التي يجب الحفاظ عليها
  2. جهز مجموعة صغيرة من البدائل
  3. افحص الصورة داخل سياق الصفحة
  4. مثال توضيحي: لقطة لواجهة
  5. تحقق من التسليم واحتفظ بأصل يمكن الرجوع إليه

حدد التفاصيل التي يجب الحفاظ عليها

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

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

جهز مجموعة صغيرة من البدائل

أنشئ البدائل من الأصل بدل إعادة ضغط نسخة تضررت سابقًا مرات متتالية. اختر أبعادًا تناسب مواضع العرض وقارن إعدادات الصيغة والجودة المناسبة. تميز مراجع web.dev بين الضغط الفاقد وغير الفاقد، وتوضح عدم وجود إعداد ضغط واحد يناسب جميع الصور.

اجعل المقارنة قابلة للإدارة: أصل مرجعي وعدة بدائل مسماة بإعدادات موثقة. حافظ على الشفافية إذا احتاجها التصميم. لا تعد بنسبة توفير ثابتة قبل فحص الناتج؛ يؤثر محتوى الصورة في الحجم والعيوب المرئية معًا.

افحص الصورة داخل سياق الصفحة

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

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

مثال توضيحي: لقطة لواجهة

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

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

تحقق من التسليم واحتفظ بأصل يمكن الرجوع إليه

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

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

المراجع الرسمية

تعرف على تدقيق الموقع