Jak zoptymalizować pliki JPEG pod kątem wyświetlaczy Retina?

Aby dostosować się do wyświetlaczy o wysokiej rozdzielczości / siatkówki, użyj obrazu o szerokości 1280 pikseli, czyli tak zwanej „2x”. Chociaż grafika nadal będzie wyświetlana w witrynie przy szerokości 640 pikseli, podwajasz gęstość pikseli, używając obrazu o dwukrotnie większym rozmiarze.

1. Czym jest zoptymalizowana siatkówka??
2. Jak zrobić gotowy obraz siatkówki??
3. Jak przygotować moją stronę internetową Retina Ready??
4. Jaka rozdzielczość to wyświetlacz Retina?

Czym jest zoptymalizowana siatkówka??

Wymagania dotyczące optymalizacji siatkówki

Sandvox może zoptymalizować obrazy pod kątem wyświetlaczy Retina, jeśli rozmiar obrazu źródłowego w pikselach jest co najmniej dwa razy większy (w punktach) niż obraz wyświetlany w Sandvox. ... Jeśli plik źródłowy ma również wymiary 400x400 pikseli, na wyświetlaczu Retina będzie wyświetlany w pikselach.

Jak zrobić gotowy obraz siatkówki??

Urządzenia Retina mają więcej pikseli na cal, więc wymagają obrazów o wysokiej rozdzielczości, aby wypełnić te dodatkowe piksele.
...

1. Krok 1: Musisz stworzyć obrazy o wymiarach dwukrotnie większych w pikselach dla Twojej witryny. ...
2. Krok 2: Wyświetlaj obrazy siatkówki na urządzeniach Retina Re. ...
3. Krok 3: Prześlij obrazy siatkówki do WordPressa i użyj ich w swojej witrynie.

Jak przygotować moją stronę internetową Retina Ready??

Aby Twoja witryna była gotowa na siatkówkę, używaj skalowalnej grafiki wektorowej (SVG), gdy tylko jest to możliwe. SVG to format graficzny oparty na XML, który prezentuje obrazy w wysokiej jakości. Obrazy SVG można wyświetlać w przeglądarkach internetowych korzystających z XML lub wyświetlać na telefonach komórkowych w formatach plików SVGB lub SVGT.

Jaka rozdzielczość to wyświetlacz Retina?

Rozdzielczość natywna: 2880 x 1800 przy 220 pikselach na cal. Obsługa milionów kolorów. 13-calowe modele MacBooka Pro wprowadzone pod koniec 2012 r. lub później. Rozdzielczość natywna: 2560 x 1600 przy 227 pikselach na cal.