---
id: 587d78b1367417b2b2512b0a
title: Use a Retina Image for Higher Resolution Displays
challengeType: 0
videoUrl: ''
localeTitle: استخدم صورة شبكية العين لعرض أعلى دقة
---
## Description
إن أبسط طريقة لجعل صورك تظهر "شبكية العين" (وتحسينها لشاشات عرض الشبكية) هي تحديد قيم width
height
بها كنصف ما هو الملف الأصلي فقط. في ما يلي مثال على صورة تستخدم فقط نصف الطول والعرض الأصليين: <نمط>
img {height: 250px؛ العرض: 250 بكسل ؛ }
</ النمط>
<img src = "coolPic500x500" alt = "صورة ممتازة للغاية">
## Instructions
اضبط width
height
علامة img
على نصف قيمها الأصلية. في هذه الحالة ، height
كل من height
الأصلي width
الأصلي 200 بكسل.
## Tests
```yml
tests:
- text: يجب أن يكون width
العلامة img
100 بكسل.
testString: 'assert($("img").css("width") == "100px", "Your img
tag should have a width
of 100 pixels.");'
- text: يجب أن height
العلامة img
100 بكسل.
testString: 'assert($("img").css("height") == "100px", "Your img
tag should have a height
of 100 pixels.");'
```
## Challenge Seed
```html
```
## Solution
```js
// solution required
```