Coraz więcej stron internetowych, w tym także techtutor.pl, wprowadza specjalnie wykonane ikony dla użytkowników iPad’ów oraz iPhone’ów, dzięki którym w bardzo szybki sposób będzie można przejść z ekranu początkowego na stronę internetową (dzięki Safari).
Tworzenie ikon – wytyczne
Ogólne wytyczne związane są z rozmiarami ikon. Poniższa tabelka przedstawia jakie rozmiary ikon powinny być użyte dla poszczególnych typów wyświetlaczy. Rozdzielczość to minimum 72 dpi.
Urządzenie |
Wymiary [piksele] |
iPad |
72 x 72 |
iPad z wyświetlaczem Retina |
144 x 144 |
iPhone |
57 x 57 |
iPhone z wyśietlaczem Retina |
114 x 114 |
Jak widać, grafiki są w kształcie kwadratów. Ważne, aby w całości zapełnić pola tych grafik, aby iOS automatycznie nie dorobił do ikony ramki np. w szarym kolorze. Przy okazji zaznaczam, że charakterystyczne zaokrąglenia ikony są wykonywane automatycznie przez system, więc nie trzeba ich ręcznie wykonywać. Warto również zadbać aby grafika miała 32 bitową głębię koloru oraz żeby była zapisana w formacie PNG (nie jest to koniecznie, ale rekomendowany jest własnie ten typ plików). Należy też pamiętać aby grafika nie zawierała połysku czy przeźroczystości (chyba że wyłączymy te opcje wcześniej i damy do zrozumienia systemowi aby nie dodawał tych efektów). Zastosowanie się do tych porad umożliwi systemowi najlepsze zaprezentowanie ikony na urządzeniu czytelnika.
A na koniec przedstawiamy jak wygląda nowa ikona na iPad’a dla naszego serwisu (jak zawsze stawiamy na prosty ale charakterystyczny wzór):
Zapraszam do zapoznania się z innym ciekawymi wpisami: