Od kilku lat favicony, które straciły wiele na znaczeniu, zostały wskrzeszone, ponieważ coraz więcej przeglądarek obsługuje je teraz iw rzeczywistości czyni je bardzo wizualną częścią doświadczenia użytkownika. Przeglądarki na tabletach i smartfonach również korzystają z tych ikon. Doprowadziło to do wzrostu znaczenia tzw mieć dobrą favikonę. Jednak sposoby prezentacji tych ikon różnią się w zależności od klienta przeglądającego witrynę. Komputery stacjonarne wymagają określonej ikony, Apple urządzenia wymagają czegoś innego, różne rozmiary również komplikują sprawę.
Proste rozwiązanie - darmowy generator ikon online dla Apple i ikony favicon
Iconifier.pl to proste rozwiązanie, które podając kwadratowy JPG, GIF lub PNG wygeneruje zestaw ikon o różnych rozmiarach, abyś mógł używać i wybierać te, które chcesz obsługiwać na swojej stronie. Wystarczy pobrać wygenerowane ikony i osadzić je w kodzie witryny. Możesz zintegrować te kroki z procesem projektowania stron internetowych.
Umieść ikonę(e) favicons w swojej witrynie
Po utworzeniu ikony favicon.ico za pomocą Iconifier.net powyżej i umieszczeniu jej w katalogu głównym witryny dodaj następujący kod między i Twojej witryny
Połączenia Apple Ikony
Po utworzeniu różnych ikon za pomocą powyższej strony internetowej, będziesz musiał również dołączyć nieco inny kod dla Apple Urządzenia iPhone/iPad (i ewentualnie Android). Ponownie prześlij wygenerowane pliki ikon do katalogu głównego witryny i umieść następujący kod między tagami HEAD.
<link rel=”apple-touch-icon” rozmiary=”114×114″ href=”/touch-icon-114×114.png” />
<link rel=”apple-touch-icon” rozmiary=”72×72″ href=”/touch-icon-72×72.png” />
<link rel=”apple-ikona-dotyk” href="/pl/touch-icon-iphone.png” />
Urządzenia z systemem iOS automatycznie obsłużą to w swojej przeglądarce i odpowiednio zmienią rozmiar i dodadzą pewne efekty, aby pasowały do stylu urządzenia, na którym są wyświetlane.
Nawiasem mówiąc, świetnych programistów iOS i Androida nie jest łatwo zatrudnić - jeśli chcesz zatrudnić dobrego programistę aplikacji i wiesz, jak znaleźć dobrego kandydata mamy cię zakryte CollectiveRay. - pokażemy Ci wszystkie świetne miejsca do znalezienia dobrych kandydatów.
Czerwony Więcej: Jak zresetować Apple Identyfikator i hasło, jeśli go zapomniałeś
Ikony dla urządzeń z Androidem
Android zbudował na Apple dotykaj ikon, ale spodziewaj się, że ikony będą już w swojej ostatecznej wersji. Ta ostateczna wersja jest „PRECOMPOSED” i urządzenia z Androidem oczekują, że ten tag będzie na swoim miejscu. Prześlij więc nowe wersje z nieco innymi nazwami (na przykład dodając wstępnie ułożoną w nazwie), a następnie dodaj następujące znaczniki. Najważniejszą częścią jest rel=apple-dotyk-ikona-prekomponowana. Umieść pliki w katalogu głównym swojej witryny i dodaj ten kod między oraz tagi twojego html
<link rel=”apple-touch-icon-precomposed” size=”114×114″ href=”/apple-touch-icon-114×114-precomposed.png”>
<link rel=”apple-touch-icon-precomposed” size=”72×72″ href=”/apple-touch-icon-72×72-precomposed.png”>
<link rel=”apple-touch-icon-precomposed” href="/pl/touch-icon-iphone-precomposed.png">
Więcej szczegółów na temat faviconów można znaleźć na Wikipedii: https://en.wikipedia.org/wiki/Favicon
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!
Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.