---
id: 587d78b1367417b2b2512b0a
title: Use a Retina Image for Higher Resolution Displays
challengeType: 0
videoUrl: ''
localeTitle: Используйте изображение Retina для дисплеев с более высоким разрешением
---
## Description
Самый простой способ сделать ваши изображения «сетчаткой» (и оптимизировать их для дисплеев сетчатки) - это определить их значения width
и height
как только половину исходного файла. Вот пример изображения, использующего только половину исходной высоты и ширины: <Стиль>
img {height: 250px; ширина: 250 пикселей; }
</ Стиль>
<img src = "coolPic500x500" alt = "Самая прекрасная картина">
## Instructions
Установите width
и height
тега img
на половину их исходных значений. В этом случае как исходная height
и исходная width
составляют 200 пикселей.
## Tests
```yml
tests:
- text: Ваш тег img
должен иметь width
100 пикселей.
testString: 'assert($("img").css("width") == "100px", "Your img
tag should have a width
of 100 pixels.");'
- text: Ваш тег img
должен иметь height
100 пикселей.
testString: 'assert($("img").css("height") == "100px", "Your img
tag should have a height
of 100 pixels.");'
```
## Challenge Seed
```html
```
## Solution
```js
// solution required
```