Alguns dispositivos mais recentes vêm com “Retina Display” o que, graças à sua alta densidade de pixel tornará o conteúdo mais nítido e mais claro. Para garantir que seu logotipo tenha uma versão pronta para estes aparelhos você pode adicionar uma imagem de retina ao seu layout de seu website.

Procure a melhor forma de realizar esta função, vai depender da linguagem ou framework que você usa.

Uma imagem retina do logotipo é a mesma que a imagem normal do logotipo, embora com o dobro do tamanho. Por exemplo, se a imagem regular do logotipo for de 100×100 pixels, a imagem retina do logotipo precisaria ter 200×200 pixels de tamanho.

O nome que você dá ao arquivo da imagem retina é muito importante. Ele deve ser nomeado exatamente como a imagem do logotipo normal, embora com @2x adicionado no final do nome.

Então se a imagem regular do logotipo for chamada de “logo.png”, a imagem retina do logotipo precisa ser chamada de “logo@2x.png”

É simples! Qualquer dúvida entre em contato com a gente!