projetando para telas Retina de alta resolução
nossa agência de design criativo de Boston trabalha em muitos redesenhos de sites. Para todos os nossos projetos, gostamos de garantir que nossos clientes recebam gráficos de qualidade que pareçam claros e profissionais. Portanto, otimizamos imagens para as telas retina de alta resolução. Estes tornaram-se populares nos últimos anos, em particular com a maioria dos produtos da Apple.
Pixels e resolução
as imagens em uma tela são feitas de quadrados coloridos chamados pixels. A resolução, ou clareza, de uma imagem, é definida pelo número de pixels na largura e altura da tela.As telas Retina exibem pixels menores e mais próximos do que as telas padrão. Eles também exigem o dobro dos pixels para exibir a mesma qualidade de imagem de uma tela padrão. Isso resulta em maior resolução e imagens de maior qualidade. Veja as imagens abaixo para ilustrar isso:
Projetando para telas Retina
Raster Resolução
Embora a orientação para a concepção com a norma apresenta é de 72 pixels por polegada, a recomendação para a retina de otimização é 200ppi. Uma imagem com resolução mais baixa aparece difusa ou pixelada. Imagens de baixa resolução são difíceis de trabalhar e fazem o trabalho parecer pouco profissional ou desleixado.
imagens vetoriais
sempre que possível, nossos designers gráficos recomendam que você use .arquivos svg para imagens na web, para ícones e botões, por exemplo. Esses são arquivos vetoriais, independentes de resolução, parecem nítidos em qualquer tela e são pequenos no tamanho do arquivo.
antes de se comprometer com uma imagem para a web, verifique se a resolução será grande o suficiente no tamanho em que será reproduzida. Projetar para telas retina é uma obrigação para garantir que todo o trabalho pareça profissional e polido.