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

741 B

title localeTitle
Use a Retina Image for Higher Resolution Displays 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:

  <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.