Pular para o conteúdo

Imagem retina

Uma imagem salva com o dobro do tamanho de exibição para ficar nítida em telas de alta densidade.

Telas de alta densidade (“retina”) usam dois ou mais pixels físicos para cada pixel CSS. Um logotipo de 80 pixels salvo com exatamente 80 pixels fica borrado nelas.

A solução é salvar a imagem com 160 pixels e definir width="80" no HTML. Os clientes de e-mail reduzem a imagem, e ela fica nítida em qualquer lugar.

Sempre inclua os atributos de largura e altura explicitamente: caso contrário, o Outlook clássico pode exibir a imagem no tamanho total do arquivo.