PNG dla ekranów Retina.

Question

Witajcie!
Mam zadanie zakodowanie strony z psd-ka. Dostałam już pocięty szablon, lecz każdy element PNG jest w dwóch wymiarach, i tak są opisane: logo.png i logo@2x.png. Instrukcja jest taka : ustawić  ich wyświetlanie na urządzeniach o wyższej gęstości pikselki - ekranu Retina. Pytanie jak? Ja mam normalny ich wymiar osadzony za pomocą <img> w html-u. Czy mam za pomocą mediów ukrywać tamten i pokazywać większy? Przy jakiej rozdzielczości. Czy ktoś kiedyś kodował podwójne pliki?

Answer 1

[srcset] + image-set

Comments

Rozumiem, że mam w atrybucie <img> zamieścić normalny widok w src i powiększony w srcset? 

<img src="kirkjufell.jpg" srcset="kirkjufell.jpg 1x, kirkjufell@2x.jpg 2x" alt="Photograph">

 

Nie mając Retiny- nie sprawdzę tego nie?

 

---

No średnio się da sprawdzić, ale tak – właśnie o to chodzi.

---

Dziękuję :)