Muutama vuosi sitten suurelta osin merkityksestään menettäneet faviconit on herännyt henkiin, koska yhä useammat selaimet tukevat niitä nyt ja tekevät niistä itse asiassa hyvin visuaalisen osan käyttökokemusta. Myös tabletit ja älypuhelimen selaimet käyttävät näitä kuvakkeita. Tämä on johtanut sen merkityksen lisääntymiseen jolla on hyvä favicon. Näiden kuvakkeiden esitystavat vaihtelevat kuitenkin verkkosivustoa selaavan asiakkaan mukaan. Pöytäkoneet vaativat tietyn kuvakkeen, Apple laitteet vaativat jotain erilaista, myös eri koot vaikeuttavat asiaa.
Yksinkertainen ratkaisu - ilmainen online -kuvakkeiden generaattori Apple ja Favicon -kuvakkeet
Iconifier.net on yksinkertainen ratkaisu, joka antaa neliön muotoisen JPG-, GIF- tai PNG-kuvakkeen erikokoisille kuvakkeille, jotta voit käyttää ja valita ne, joita haluat tukea verkkosivustollasi. Sinun on sitten ladattava luodut kuvakkeet ja upotettava verkkosivustosi koodiin. Voit integroida nämä vaiheet web-suunnitteluun.
Upota suosikkikuvakkeet kuvakkeisiin verkkosivustollesi
Kun olet luonut favicon.ico-kuvakkeen yllä olevalla Iconifier.net-sivustolla ja asettanut sen verkkosivustosi juuriin, lisää seuraava koodi ja verkkosivustollasi
- Apple Kuvakkeet
Kun olet luonut eri kuvakkeet yllä olevalla verkkosivustolla, sinun on myös lisättävä hieman eri koodi Apple iPhone/iPad (ja mahdollisesti Android) -laitteet. Lataa uudelleen luodut kuvaketiedostot verkkosivustosi juureen ja aseta seuraava koodi HEAD -tunnisteiden väliin.
<link rel=”apple-touch-icon ”koko =” 114 × 114 ″ href = ” /touch-icon-114 × 114.png” />
<link rel=”apple-touch-icon ”koko =” 72 × 72 ″ href = ” /touch-icon-72 × 72.png” />
<link rel=”apple-touch-icon ”href =” /touch-icon-iphone.png ” />
iOS-laitteet käsittelevät tämän automaattisesti selaimessaan ja muuttavat kokoa ja lisäävät joitain tehosteita vastaavasti, jotta se vastaa laitteen tyyliä, jolla he näkevät.
Erinomaisia iOS- ja Android-kehittäjiä ei ole helppo palkata - jos haluat palkata hyvän sovelluskehittäjän ja osaat löytää hyvän ehdokkaan meillä on sinut peitossa CollectiveRay. - näytämme sinulle kaikki hyvät paikat hyvien ehdokkaiden löytämiseen.
Punainen Lisää: Palauta Apple Tunnus ja salasana, jos unohdat sen
Android-laitteiden kuvakkeet
Android on rakennettu sen päälle Apple kosketa kuvakkeita, mutta odota, että kuvakkeet ovat jo lopullisessa versiossa. Tämä lopullinen versio on "PRECOMPOSED", ja Android -laitteet odottavat tämän tunnisteen olevan paikallaan. Lataa siis uusia versioita hieman eri nimillä (kuten lisäämällä valmiiksi kirjoitettu nimi) ja lisää sitten seuraava merkintä. Kaikki tärkeä osa on rel =apple-kosketus-kuvake-valmiiksi. Laita tiedostot verkkosivustosi juureen ja lisää tämä koodi ja html -tunnisteesi
<link rel=”apple-touch-icon-precomposed ”koko =” 114 × 114 ″ href = ”/apple-touch-icon-114 × 114-precomposed.png ”>
<link rel=”apple-touch-icon-precomposed ”koko =” 72 × 72 ″ href = ”/apple-touch-icon-72 × 72-precomposed.png ”>
<link rel=”apple-touch-icon-precomposed ”href =”/touch-icon-iphone-precomposed.png ”>
Lisätietoja Faviconsista on Wikepediassa: https://en.wikipedia.org/wiki/Favicon
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!
Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.
ja paljon muuta ...