---
id: 587d78b1367417b2b2512b0a
title: Use a Retina Image for Higher Resolution Displays
challengeType: 0
videoUrl: ''
localeTitle: Utilice una imagen de retina para pantallas de mayor resolución
---
## Description
La forma más sencilla de hacer que sus imágenes aparezcan como "retina" (y optimizarlas para las pantallas de retina) es definir sus valores de width
y height
como solo la mitad de lo que es el archivo original. Aquí hay un ejemplo de una imagen que solo usa la mitad del alto y ancho original: <estilo>
img {altura: 250px; ancho: 250px; }
</style>
<img src = "coolPic500x500" alt = "Una imagen excelente">
## Instructions
Establezca el width
y el height
de la etiqueta img
en la mitad de sus valores originales. En este caso, tanto la height
original como el width
original son 200 px.
## Tests
```yml
tests:
- text: Su etiqueta img
debe tener un width
de 100 píxeles.
testString: 'assert($("img").css("width") == "100px", "Your img
tag should have a width
of 100 pixels.");'
- text: Su etiqueta img
debe tener una height
de 100 píxeles.
testString: 'assert($("img").css("height") == "100px", "Your img
tag should have a height
of 100 pixels.");'
```
## Challenge Seed
```html
```
## Solution
```js
// solution required
```