أي صورة ينزّل الهاتف فعليًا؟

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

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

جهّزنا نسخًا متناسبة في محرر خارجي قبل الضغط؛ لم يغيّر Bitinz الأبعاد. في 2026-10-29 عولجت النسخ بمتوازن محليًا. الأبعاد والبايتات وقيم التحقق تحدد مرشحات التجربة.

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

قارن أحجام المرشحات ثم سجل المتصفح في المصادر. لا يختار المتصفح إلا ملفًا تقدمه الصفحة.

Bitinz · 1 KB يساوي 1000 بايت.

استخدم كل صف سياق متصفح جديدًا مع تعطيل التخزين المؤقت. اختارت أعرض حالة عالية الكثافة أكبر مرشح بسبب فجوة كبيرة في المجموعة المتاحة. يستحق مرشح متوسط التجربة؛ فالمتصفح لا يختار إلا ملفًا موجودًا في القائمة.

تفصيل الصورة الأصلية

تفصيل الصورة المضغوطة

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

السجل لقطة من البيئة المحددة. قد يؤثر التخزين المؤقت وقرار المتصفح في الزيارات اللاحقة. للتكرار استخدم سياقًا جديدًا وافحص الصورة المطلوبة بدل التخمين من أبعاد العرض.

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

طابق sizes مع تخطيط CSS. يستخدم المتصفح هذه الإشارة مع المرشحات والكثافة، ولا يقرأ النية من الاسم. افحص المورد بعد تغيير التخطيط.

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

1. 01قِس موضع الصورة وحدد العروض المتناسبة اللازمة للتصميم.
2. 02جهّز النسخ واضغطها مع الاحتفاظ بالأصل القابل للتحرير.
3. 03قدّم المرشحات مع قاعدة sizes تطابق التخطيط.
4. 04افحص المورد المختار والصورة الظاهرة على شاشات مختلفة.