[Jak] Stwórz favicon i Apple Ikona dla Twojej witryny

Apple iPhone / iPad

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ę. 

 

Spis treści[Pokazać]

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

Opona 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.

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 dotknij ikon, ale spodziewaj się, że ikony będą już w wersji finalnej. Ta wersja finalna jest „PRECOMPOSED”, a urządzenia z systemem Android oczekują, że ten tag będzie na swoim miejscu. Więc prześlij nowe wersje, z nieco innymi nazwami (np. dodając pre-composed w nazwie), a następnie dodaj następujący znacznik. Najważniejszą częścią jest rel=apple-touch-icon-precomposed. Umieść pliki w katalogu głównym swojej witryny i dodaj ten kod pomiędzy I tagi twojego html

Więcej szczegółów na temat faviconów można znaleźć na Wikipedii: https://en.wikipedia.org/wiki/Favicon

O autorze
Dawid Attar
David pracuje w branży internetowej i cyfrowej od 21 lat. Ma ogromne doświadczenie w branży oprogramowania i projektowania stron internetowych, wykorzystując WordPress, Joomla i nisze je otaczające. Współpracował z agencjami rozwoju oprogramowania, międzynarodowymi firmami zajmującymi się oprogramowaniem, lokalnymi agencjami marketingowymi, a obecnie jest dyrektorem ds. operacji marketingowych w Aphex Media – agencji SEO. Jako konsultant cyfrowy koncentruje się na pomaganiu firmom w uzyskaniu przewagi konkurencyjnej dzięki połączeniu ich strony internetowej i dostępnych obecnie platform cyfrowych. Połączenie wiedzy technologicznej z dużym zmysłem biznesowym zapewnia jego pismom przewagę konkurencyjną.

Jeszcze jedna rzecz... Czy wiesz, że osoby, które udostępniają przydatne rzeczy, takie jak ten post, również wyglądają NIESAMOWITE? ;-)
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.

 

kim jesteśmy?

CollectiveRay jest prowadzony przez Davida Attarda - pracującego w niszy projektowania stron internetowych i wokół niej od ponad 12 lat, dostarczamy praktycznych wskazówek dla osób, które pracują zi na stronach internetowych. Prowadzimy również DronesBuy.net - stronę internetową dla hobbystów dronów.

David Attard

 

 

Autorzy promowani w:  Inc Czasopismo Logo .   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   i wiele więcej ...