فاحص تنسيق الصور

ماذا يفعل الفاحص

1. يقرأ HTML الصفحة مرة واحدة (حتى 1.5 MB) ويأخذ حتى 20 صورة من <img> (مع srcset وسمات التحميل الكسول الشائعة) و<picture> وog:image.
2. يطلب كل صورة مرتين: مع Accept: image/avif,image/webp,… كما يرسلها متصفح حديث، ومع Accept: */* كعميل لا يطلب شيئًا بعينه.
3. يقرأ البايتات الأولى من كل استجابة ليعرف التنسيق الحقيقي، مهما قال اسم الملف أو Content-Type، ويعدّ البايتات.
4. يعرض ترويسة Vary وحالة التخزين المؤقت التي كتبتها الـ CDN، ويتبع حتى 3 عمليات إعادة توجيه، ويفحص كل عنوان هدف من جديد.
5. في عنصر <picture> فيه <source> بتنسيق AVIF أو WebP، يذهب الطلب الحديث إلى ذلك المصدر والطلب الآخر إلى <img>: هناك يختار المتصفح التنسيق، لا الخادم.

قراءة النتائج

AVIF أو WebP

تلقّى متصفح يدعم هذين التنسيقين أحدهما. الحجم بجانبه هو ما نزّله ذلك المتصفح؛ والحجم تحت «المتصفحات الأخرى» هو ما يتلقاه متصفح لا يدعم AVIF ولا WebP.

الأصلي فقط

وصلت الصورة بتنسيق JPEG أو PNG أو GIF حتى إلى متصفح طلب AVIF وWebP: الموقع لا يحوّلها.

الملف نفسه لكل متصفح

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

من دون Vary: Accept

تتغير الاستجابة بحسب ترويسة Accept لكنها لا تذكر ذلك بـ Vary: Accept، ويُسمح للذواكر المؤقتة المشتركة بحفظها. عندها قد يسلّم وسيط (proxy) بين الخادم والزائر ملف AVIF أو WebP إلى متصفح لم يطلبه.

التوفير

لا يدخل في المجموع إلا الصور التي قُرئت استجابتاها كاملتين ووصلتا بتنسيقين مختلفين. الحجم المعروف من Content-Length فقط يُعرض ولكنه لا يُجمع أبدًا: الرقم قياس وليس تقديرًا.

تقييد معدّل الطلبات أو الحظر

إذا ردّ موقع بـ 429 أو 403 أو تحقق من الروبوتات أو صفحة 503 الصغيرة التي ترسلها أدوات تقييد المعدّل، يتوقف الفاحص عن إرسال الطلبات إليه في ذلك الفحص ويضع على الصور المتبقية علامة «لم يُفحص». أعد المحاولة بعد بضع دقائق.

كيف يختار الخادم التنسيق

يذكر المتصفح في ترويسة Accept تنسيقات الصور التي يستطيع عرضها. يقرؤها الخادم أو الـ CDN الذي يحوّل الصور ويرد بـ AVIF أو WebP أو بالأصل من عنوان URL نفسه. وعليه حينها أن يرسل Vary: Accept حتى تحتفظ الذواكر المؤقتة بنسخة لكل تنسيق.

الطريقة الأخرى في HTML: يسرد عنصر <picture> ملفات <source> بتنسيق AVIF وWebP ويأخذ المتصفح أول ملف يدعمه. كلتا الطريقتين تعمل، ويتبع الفاحص ما تستخدمه الصفحة.

AVIF أم WebP: أيهما أصغر، ومتى

الحدود وما نرسله

• حتى 20 صورة على 5 خوادم كحد أقصى لكل صفحة، وقراءة حتى 5 MB لكل صورة، و20 ثانية لكل فحص.
• 3 فحوص في الدقيقة و20 في اليوم من العنوان نفسه. يُعاد استخدام الفحص المكتمل لمدة 10 دقائق، ولا يُفحص الموقع الواحد أكثر من 6 مرات في 10 دقائق أيًّا كان من يطلب.
• تخرج الطلبات من خادمنا في تركيا عبر IPv4، مع User-Agent ينتهي بـ cdn.com.tr-image-check/1.0 ويشير إلى هذه الصفحة. قد تجيبنا الـ CDN من موقع غير الذي تجيب منه زوارك، وتحظر بعض المواقع العملاء الآليين، ولا يمكن فحص موقع لا يمكن الوصول إليه إلا عبر IPv6.
• لا تُطلب إلا العناوين العامة على المنفذين 80 و443؛ وتُرفض الشبكات الخاصة والداخلية. لا تُخزَّن الصور: لا يعود إلا التنسيقات والأحجام وبعض الترويسات.
• الصور التي يضيفها JavaScript بعد تحميل الصفحة وصور خلفيات CSS ليست في HTML، لذلك لا يراها الفاحص.