freeCodeCamp/guide/spanish/certifications/responsive-web-design/responsive-web-design-princ.../use-a-retina-image-for-high.../index.md

19 lines
741 B
Markdown
Raw Normal View History

2018-10-12 19:37:13 +00:00
---
title: Use a Retina Image for Higher Resolution Displays
localeTitle: Utilice una imagen de retina para pantallas de mayor resolución
---
## Utilice una imagen de retina para pantallas de mayor resolución
Siguiendo las instrucciones:
Establezca el ancho y el alto de la etiqueta img en la mitad de sus valores originales. En este caso, tanto la altura original como el ancho original son 200 px.
El estilo 4 se convierte en:
```css
<style>
img { height: 100px; width: 100px; }
</style>
```
tenga en cuenta que 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 ancho y alto como solo la mitad de lo que es el archivo original.