هل لاحظ أحد شيئًا غريبًا أثناء تحميل المعاينة أعلاه على شاشة هاتفك المحمول؟
لماذا استغرق تحميل الصورة وقتًا طويلاً جدًا لملء مربع المعاينة بالكامل؟
هذا لأنها صورة كبيرة جدًا!
إذًا، لماذا تحتاج صورة كبيرة جدًا إلى استهلاك خطة بيانات المستخدم، وتستغرق وقتًا طويلاً بينما تظهر معاينة صغيرة جدًا قبل أن تلاحظها حتى؟
لا، لست متأكدًا تمامًا من المسؤول.
لا. إنها ليست مشكلة. تصل الصورة في النهاية. أنا فقط أقول إنها تجربة مستخدم سيئة. يعتقد المستخدم أن لا أحد يهتم بخطة بياناته، ولا تنتهي الصفحة من التحميل بالسرعة نفسها التي تنتهي بها الصفحات الأخرى.
في بلدك غير برج العاج حيث البيانات أرخص بـ 8 مرات من الولايات المتحدة ولا تزال أرخص بـ 2.5 مرة من أوروبا؟ (المصدر) أم تقصد بلدك غير برج العاج الذي يمتلك أسرع إنترنت واسع النطاق في العالم (المصدر)؟ أو ربما تقصد بلدك غير برج العاج الذي لا يزال يحتل المرتبة 28 في بيانات الهاتف المحمول، وهو أعلى بكثير من العديد من البلدان المتقدمة؟ (المصدر)
نظرًا لأن الصورة المصغرة المحسّنة هي 690 × 460، ويتم تقييد أبعادها بشكل أكبر بواسطة الـ onebox، فهي ليست أكبر من شاشاتهم. إنهم يستخدمون تغيير حجم المتصفح، لذلك من يدري
عادةً، يكون للهواتف المحمولة نسبة x2 (أو أكثر) لأن لديها كثافة بكسل أعلى.
لذلك سترغب في تقديم صور بدقة أعلى.
نسبة بكسل الجهاز
نسبة بكسل الجهاز (DPR) هي رقم مقدم من مصنعي الأجهزة ويستخدم للشاشات عالية الدقة (HiDPI) أو شاشات Retina (علامة تجارية لشركة Apple)، وهي جزء من الهواتف الذكية والأجهزة اللوحية الحديثة وحتى بعض أجهزة الكمبيوتر المحمولة والشاشات.
نسبة بكسل الجهاز (DPR) ترتبط ارتباطًا مباشرًا بكثافة بكسل الشاشة، وكلما زادت الكثافة زادت قيمة DPR.
نسبة بكسل الجهاز (DPR) هي النسبة بين البكسلات الفعلية (للجهاز) والبكسلات المنطقية (CSS) في الاتجاه الأفقي (العرض) أو الرأسي (الارتفاع) للشاشة.
بمعنى آخر، نسبة بكسل الجهاز (DPR) هي رقم يستخدم لحساب دقة CSS للشاشة. من نسبة بكسل الجهاز (DPR) يمكننا أن نرى مباشرة عدد البكسلات الفعلية للجهاز التي تشكل بكسل CSS واحد.
مثال:
Apple iPhone 12
الدقة بالبكسلات (للجهاز): 1170 × 2532
نسبة بكسل الجهاز (DPR): 3
العرض: 1170/3 = 390، الارتفاع: 2532/3 = 844
لذلك، الدقة بالبكسلات (CSS): 390 × 844
نظرًا لأن نسبة بكسل الجهاز (DPR) هي 3، في شبكة البكسل: 3 (عرض) × 3 (ارتفاع) = 9؛ يتم استخدام 9 بكسلات فعلية لتشكيل بكسل CSS واحد.
نعم، لا أعتقد أن هذا خطأ. جهاز الآيباد الخاص بي في وضع العرض على الهاتف المحمول يقوم بتحميل صور بدقة أعلى من جهاز الكمبيوتر المكتبي الخاص بي لأنه يستطيع. قد أكون مخطئًا، لكن كان فهمي أن الأمر يعتمد على قدرة الجهاز، وليس حجم الشاشة.
أيضًا، ما زلت غير واضح بشأن ما إذا كان هذا الموضوع يتعلق بصورة مصغرة للصندوق الواحد نفسها أم بالصورة الفعلية التي يتم تحميلها عند النقر على رابط الصندوق الواحد؟
صحيح.
من المحتمل ألا تلاحظ انخفاضًا في دقة الصورة على الهواتف الذكية نظرًا لحجم شاشاتها، وأعتقد أنه بشكل عام، من المرجح أن يكون لديها اتصال إنترنت أبطأ عبر شبكة الهاتف المحمول مقارنة باتصال الإنترنت المنزلي. في هذا الصدد، لا أتوقع أن يقوم تجربة الهاتف المحمول بتحميل صورة أكبر من جهاز كمبيوتر مكتبي.
ولكن scrset يحدد أي صورة سيتم تحميلها بالنسبة لنسبة البكسل.
نعم، نحن نتحدث عن صورة مصغرة بحجم 500 كيلوبايت.
ماذا سيفكر تيم بيرنرز لي؟
حسنًا، لقد أجريت بحثًا على الويب وبالفعل إنه حجم معقول لصورة مصغرة - إذا كنت تقوم بتحميلها على YouTube.
أعني، يجب أن تكون صورة ثلاثية الأبعاد رائعة جدًا، صورة مصغرة ذات 50 بُعدًا أو شيء من هذا القبيل. هل أنت متأكد من أنك لا تستطيع فعل الشيء نفسه بحوالي 5000 بايت؟ هل سيتمكن المستخدم من اكتشاف أي فرق؟ لا، أنا لا ألوم أحدًا على أزمة الطاقة أو إبطاء الويب. أعتقد فقط أنه مع كون الوجهة هاتفًا خلويًا صغيرًا، يمكن فعل شيء بشكل أفضل.
أعني، يجب أن تكون هناك نقطة ما حيث مجرد إضافة المزيد من البايتات، بغض النظر عن حجم الجهاز الخلوي الذي لديهم، لن تحدث فرقًا للبشر ما لم يكن لديهم عيون نسر، لكنهم ليسوا نسورًا، إنهم بشر.
