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

698 B

title localeTitle
Use a Retina Image for Higher Resolution Displays Use uma imagem de retina para exibições de maior resolução

Use uma imagem de retina para exibições de maior resolução

Seguindo as instruções:

Defina a largura e a altura da tag img para metade de seus valores originais. Nesse caso, a altura original e a largura original são de 200 px.

o estilo 4 se torna:

  <style> 
  img { height: 100px; width: 100px; } 
  </style> 

observe que 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 largura e altura como apenas metade do que o arquivo original é.