---
id: 587d78b1367417b2b2512b0a
title: Use a Retina Image for Higher Resolution Displays
challengeType: 0
videoUrl: ''
localeTitle: Use uma imagem de retina para exibições de maior resolução
---
## Description
A maneira mais simples de fazer com que suas imagens apareçam "retina" (e otimizá-las para exibições de retina) é definir seus valores de width
e height
como apenas metade do que o arquivo original é. Aqui está um exemplo de uma imagem que usa apenas metade da altura e largura originais: <style>
img {altura: 250px; largura: 250px; }
</ style>
<img src = "coolPic500x500" alt = "Uma imagem excelente">
## Instructions
Defina a width
e a height
da tag img
para metade de seus valores originais. Nesse caso, a height
original e a width
original são de 200 px.
## Tests
```yml
tests:
- text: Sua tag img
deve ter uma width
de 100 pixels.
testString: 'assert($("img").css("width") == "100px", "Your img
tag should have a width
of 100 pixels.");'
- text: Sua tag img
deve ter uma height
de 100 pixels.
testString: 'assert($("img").css("height") == "100px", "Your img
tag should have a height
of 100 pixels.");'
```
## Challenge Seed
```html
```
## Solution
```js
// solution required
```