<sectionid="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 <code>width</code> y <code>height</code> 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: <blockquote><estilo><br> img {altura: 250px; ancho: 250px; } <br></style><br><img src = "coolPic500x500" alt = "Una imagen excelente"></blockquote></section>
<sectionid="instructions"> Establezca el <code>width</code> y el <code>height</code> de la etiqueta <code>img</code> en la mitad de sus valores originales. En este caso, tanto la <code>height</code> original como el <code>width</code> original son 200 px. </section>