Gráficos da Web prontos para Retina

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 .

http://retinajs.com/

É super simples de usar.

  1. 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).
  2. Nomeie a primeira imagem (por exemplo, test.png)
  3. Nomeie a segunda imagem (por exemplo, test@2x.png )
  4. Envie-os para o mesmo local
  5. 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.