Retina

بالتفصيل

على شاشة Retina (أو «عالية الكثافة») يُرسم كل بكسل تصميمي ببكسلين فعليين أو أكثر. صورة بحجم 300×250 بكسل تبدو باهتة إذا مُدّت على تلك المساحة، لذلك يُعد إصدار بحجم 600×500 ويُعرض مصغّرًا إلى 300×250.

الثمن هو الوزن: الصورة بضعف الدقة تزداد وزنًا كثيرًا. لذلك يُفضَّل في HTML5 استخدام النص والأشكال المتجهة (SVG) متى أمكن، وحفظ الصور الكبيرة لما يحتاجها فعلًا.

صورة بحجم 600×500 معروضة بـ width: 300px لبانر بحجم 300×250.

مصطلحات ذات صلة

أين يظهر