Glossário · Formatos
Retina
Telas de alta densidade de pixels; para que uma imagem fique nítida nelas, usa-se uma versão com o dobro da resolução.
Em detalhe
Em uma tela retina (ou de “alta densidade”) cada pixel do design é desenhado com 2 ou mais pixels reais. Uma imagem de 300×250 pixels fica borrada se for esticada nesse espaço, então prepara-se uma versão de 600×500 e ela é exibida reduzida para 300×250.
O preço é o peso: uma imagem com o dobro da resolução pesa bem mais. Por isso, em HTML5 convém usar texto e formas vetoriais (SVG) sempre que possível, e reservar as imagens grandes para o que realmente precisa delas.
Exemplo
Uma foto de 600×500 exibida com width: 300px para um banner de 300×250.
Termos relacionados
Coloque os termos em prática.
Experimente com uma campanha real.