Recentemente, tive que atualizar vários sites para ficarem prontos para a retina. Perguntei a vários colegas sobre como fazer isso e vasculhei a internet. Finalmente, descobri sem dúvida a melhor e mais fácil opção: retinajs .
É super simples de usar.
- Crie duas versões do seu gráfico, uma com resolução normal e outra com o dobro do tamanho (por exemplo, 200×300 e 400×600).
- Nomeie a primeira imagem (por exemplo, test.png)
- Nomeie a segunda imagem (por exemplo, test@2x.png )
- Envie-os para o mesmo local
- Faça upload do retina.js e adicione-o à sua página
Depois disso, se a proporção de pixel do dispositivo for 2, a segunda imagem será selecionada automaticamente. FEITO.